@trudb/tru-common-lib 0.1.525 → 0.1.528
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.
|
@@ -533,11 +533,11 @@ export class TruCardColumn {
|
|
|
533
533
|
//scope.config.onSelectionChanged(selectedCards);
|
|
534
534
|
};
|
|
535
535
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TruCardColumn, deps: [{ token: i1.TruDataContext }, { token: i2.TruModelTypeLookup }, { token: i3.TruSearchViewEventHandler }, { token: i4.TruSearchResultViewManager }], target: i0.ɵɵFactoryTarget.Component });
|
|
536
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: TruCardColumn, selector: "tru-card-column", inputs: { config: "config", name: "name" }, viewQueries: [{ propertyName: "portal", first: true, predicate: ["cardPortal"], descendants: true }], ngImport: i0, template: "<div class=\"tru-card\">\r\n <div *ngIf=\"isBusy\"\r\n class=\"tru-card-busy-indicator\">\r\n <p>{{busyMessage}}</p>\r\n </div>\r\n <tru-toolbar>\r\n <ng-container *ngTemplateOutlet=\"parentToolbarTemplate\"></ng-container>\r\n <tru-toolbar-separator></tru-toolbar-separator>\r\n <tru-toolbar-dropdown\r\n [tooltip]=\"columnFilterTooltip\"\r\n (selectionChange)=\"filterColumns($event)\"\r\n [options]=\"columnFilterChoices\"\r\n [multiple]=\"true\"\r\n [filterable]=\"true\"\r\n [filterTooltip]=\"columnDropdownFilterTooltip\"\r\n [width]=\"150\">\r\n </tru-toolbar-dropdown>\r\n <tru-toolbar-textbox\r\n [tooltip]=\"cardFilterTooltip\"\r\n (valueChange)=\"filterCards($event)\"\r\n [width]=\"150\">\r\n </tru-toolbar-textbox>\r\n <tru-toolbar-separator *ngIf=\"viewMenuItems.length\"></tru-toolbar-separator>\r\n <div *ngIf=\"viewMenuItems.length\">\r\n <tru-toolbar-menu *ngFor=\"let viewMenuItem of viewMenuItems\" [config]=\"viewMenuItem\"></tru-toolbar-menu>\r\n </div>\r\n </tru-toolbar>\r\n <div class=\"tru-card-portal\" #cardPortal>\r\n <div [ngStyle]=\"{'width': ((config.width * lockedColumns.length) + (10 * lockedColumns.length - 1)) + 'px' }\"\r\n [ngClass]=\"{'tru-card-portal-locked-columns-divider': lockedColumns.length}\"\r\n *ngIf=\"lockedColumns.length\"\r\n class=\"tru-card-portal-locked-columns locked-columns\">\r\n </div>\r\n <div [ngStyle]=\"{'left': lockedColumns.length ? ((config.width * lockedColumns.length) + (10 * lockedColumns.length - 1) + 22) + 'px' : 0 }\"\r\n class=\"tru-card-portal-columns unlocked-columns\">\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["::ng-deep .tru-card-busy-indicator{position:absolute;inset:25px 0 0;z-index:10000;background-color:transparent}::ng-deep .tru-card-busy-indicator p{position:relative;float:left;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}::ng-deep .tru-card-filter{position:absolute;top:0;left:0;right:0;height:30px;line-height:30px;padding-left:10px}::ng-deep .tru-card-portal{position:absolute;inset:30px 10px 10px;border:1px solid #ddd;padding:10px;background-color:#0079bf}::ng-deep .tru-card-portal-disabled>*{opacity:.75;pointer-events:none}::ng-deep .tru-card-portal-locked-columns{position:absolute;top:10px;left:0;bottom:0;padding:0 5px 10px 10px;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start}::ng-deep .tru-card-portal-locked-columns .tru-card-portal-column{margin-left:0;margin-bottom:0}::ng-deep .tru-card-portal-locked-columns .tru-card-portal-column:not(:first-child){margin-left:10px!important}::ng-deep .tru-card-portal-locked-columns-divider{border-right:1px solid #cdd2d4}::ng-deep .tru-card-portal-columns{position:absolute;inset:10px 10px 0 222px;padding-top:0;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;overflow-x:auto;overflow-y:hidden}::ng-deep .tru-card-portal-column{position:relative;border:1px solid #ddd;border-radius:4px;background:#e2e4e6;vertical-align:top;max-height:calc(100% - 10px);margin-left:10px;margin-bottom:10px;display:flex;flex-direction:column}::ng-deep .tru-card-portal-column-inactive *{font-style:italic;opacity:.7}::ng-deep .tru-card-portal-column-header{flex:0 0 auto;padding:5px;position:relative;min-height:18px}::ng-deep .tru-card-portal-column-header-extras{position:absolute;right:5px;top:4px}::ng-deep .tru-card-portal-column-header-extra-button{border-radius:3px;background:transparent}::ng-deep .tru-card-portal-column-header-extra-button:hover{border-radius:3px;background:#cdd2d4}::ng-deep .tru-card-portal-column-footer{flex:0 0 auto;padding:0 3px 3px;position:relative;height:25px;line-height:25px;display:none}::ng-deep .tru-card-portal-column-footer-text{font-size:14px;color:#777;padding-left:5px;text-decoration:none}::ng-deep .tru-card-portal-column-footer-text:hover{text-decoration:underline;color:#777}::ng-deep .tru-card-portal-column-footer-text:active,::ng-deep .tru-card-portal-column-footer-text:visited{color:#777}::ng-deep .tru-card-icon-small{color:#999;height:18px;font-size:14px;line-height:18px;width:19px;-webkit-font-smoothing:antialiased;display:inline-block!important;font-style:normal;font-weight:400;text-align:center;text-decoration:none;position:relative}::ng-deep .tru-card-portal-column-headertext{font-weight:700;font-size:16px;color:#333;padding-left:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:20px;cursor:pointer}::ng-deep .tru-card-portal-column-headertext-hover:hover{text-decoration:underline}::ng-deep .tru-card-portal-card-scroll-port{overflow-y:auto;overflow-x:hidden}::ng-deep .tru-card-portal-card-container{margin:0 3px;padding:0 2px;height:30px;transition:all .4s ease-out;opacity:1}::ng-deep .tru-card-portal-card-container.show{opacity:1}::ng-deep .tru-card-portal-card-container *{pointer-events:none}::ng-deep .tru-card-portal-card{background-color:#fff;border:1px solid #fff;border-radius:3px;padding:2px 6px 2px 8px;position:relative;cursor:pointer;display:block;min-height:15px;text-decoration:none;z-index:0;outline:none;box-shadow:0 .5px #ccc}::ng-deep .tru-card-portal-card:hover{background-color:#efefef;border:1px solid #efefef}::ng-deep .tru-card-portal-card p{font-size:12px;word-wrap:break-word}::ng-deep .tru-card-portal-card:focus{outline:none}::ng-deep .tru-card-portal-card.empty{border:1px dashed #999}::ng-deep .tru-card-placeholder{position:absolute;left:0;right:0;margin:0;z-index:100;border-color:#0079bf;border-top-style:dashed;border-bottom-style:dashed}::ng-deep .tru-card-selected{border-color:#52a8eccc!important;background-color:#52a8eccc!important}::ng-deep .tru-card-selected p{color:#000!important;font-size:12px}::ng-deep .tru-card-menu{position:absolute;top:20px;right:0;background:#fff;border:1px #ccc solid;border-radius:3px;z-index:1;padding:7px;width:200px}::ng-deep .tru-card-menu hr{height:1px;border:1px #ccc solid;border-bottom:0;border-left:0;border-right:0;width:100%;margin:0;padding:0}::ng-deep .tru-card-menu a{color:#777;text-decoration:none;float:left;line-height:16px;margin-top:2px;margin-bottom:2px}::ng-deep .tru-card-menu span{color:#777;float:left;line-height:16px;margin-top:3px}::ng-deep .tru-card-menu a:hover{text-decoration:underline;color:#777}::ng-deep .tru-card-menu a:active,::ng-deep .tru-card-menu a:visited{color:#777}::ng-deep .tru-card-menu-move-container{width:100%!important;display:inline-flex}::ng-deep .tru-card-menu-move-container select{width:100%!important}::ng-deep .tru-card-menu-move-container a{margin-top:1px;margin-left:3px;display:block}::ng-deep .tru-card-menu-move-container span{color:#0079bf;margin-top:0}::ng-deep .tru-card-menu-move-container .move-button-disabled{pointer-events:none;opacity:.75}::ng-deep .tru-card-menu-move-container .move-button-disabled span{color:#ccc}::ng-deep .tru-card-portal-column-filtered{display:none}::ng-deep .tru-card-portal-card-filtered{display:none}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i6.TruToolbar, selector: "tru-toolbar", inputs: ["config"] }, { kind: "component", type: i7.TruToolbarMenu, selector: "tru-toolbar-menu", inputs: ["config"] }, { kind: "component", type: i8.TruToolbarDropdown, selector: "tru-toolbar-dropdown", inputs: ["config", "options", "tooltip", "multiple", "filterable", "filterTooltip", "width", "selectedOption", "disabled"], outputs: ["selectedOptionChange", "selectionChange"] }, { kind: "component", type: i9.TruToolbarSeparator, selector: "tru-toolbar-separator" }, { kind: "component", type: i10.TruToolbarTextbox, selector: "tru-toolbar-textbox", inputs: ["config", "tooltip", "value", "width"], outputs: ["valueChange"] }] });
|
|
536
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: TruCardColumn, selector: "tru-card-column", inputs: { config: "config", name: "name" }, viewQueries: [{ propertyName: "portal", first: true, predicate: ["cardPortal"], descendants: true }], ngImport: i0, template: "<div class=\"tru-card\">\r\n <div *ngIf=\"isBusy\"\r\n class=\"tru-card-busy-indicator\">\r\n <p>{{busyMessage}}</p>\r\n </div>\r\n <tru-toolbar>\r\n <ng-container *ngTemplateOutlet=\"parentToolbarTemplate\"></ng-container>\r\n <tru-toolbar-separator></tru-toolbar-separator>\r\n <tru-toolbar-dropdown\r\n [tooltip]=\"columnFilterTooltip\"\r\n (selectionChange)=\"filterColumns($event)\"\r\n [options]=\"columnFilterChoices\"\r\n [multiple]=\"true\"\r\n [filterable]=\"true\"\r\n [filterTooltip]=\"columnDropdownFilterTooltip\"\r\n [width]=\"150\">\r\n </tru-toolbar-dropdown>\r\n <tru-toolbar-textbox\r\n [tooltip]=\"cardFilterTooltip\"\r\n (valueChange)=\"filterCards($event)\"\r\n [width]=\"150\">\r\n </tru-toolbar-textbox>\r\n <tru-toolbar-separator *ngIf=\"viewMenuItems.length\"></tru-toolbar-separator>\r\n <div *ngIf=\"viewMenuItems.length\">\r\n <tru-toolbar-menu *ngFor=\"let viewMenuItem of viewMenuItems\" [config]=\"viewMenuItem\"></tru-toolbar-menu>\r\n </div>\r\n </tru-toolbar>\r\n <div class=\"tru-card-portal\" #cardPortal>\r\n <div [ngStyle]=\"{'width': ((config.width * lockedColumns.length) + (10 * lockedColumns.length - 1)) + 'px' }\"\r\n [ngClass]=\"{'tru-card-portal-locked-columns-divider': lockedColumns.length}\"\r\n *ngIf=\"lockedColumns.length\"\r\n class=\"tru-card-portal-locked-columns locked-columns\">\r\n </div>\r\n <div [ngStyle]=\"{'left': lockedColumns.length ? ((config.width * lockedColumns.length) + (10 * lockedColumns.length - 1) + 22) + 'px' : 0 }\"\r\n class=\"tru-card-portal-columns unlocked-columns\">\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["::ng-deep .tru-card-busy-indicator{position:absolute;inset:25px 0 0;z-index:10000;background-color:transparent}::ng-deep .tru-card-busy-indicator p{position:relative;float:left;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}::ng-deep .tru-card-filter{position:absolute;top:0;left:0;right:0;height:30px;line-height:30px;padding-left:10px}::ng-deep .tru-card-portal{position:absolute;inset:30px 10px 10px;border:1px solid #ddd;padding:10px;background-color:#0079bf}::ng-deep .tru-card-portal-disabled>*{opacity:.75;pointer-events:none}::ng-deep .tru-card-portal-locked-columns{position:absolute;top:10px;left:0;bottom:0;padding:0 5px 10px 10px;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start}::ng-deep .tru-card-portal-locked-columns .tru-card-portal-column{margin-left:0;margin-bottom:0}::ng-deep .tru-card-portal-locked-columns .tru-card-portal-column:not(:first-child){margin-left:10px!important}::ng-deep .tru-card-portal-locked-columns-divider{border-right:1px solid #cdd2d4}::ng-deep .tru-card-portal-columns{position:absolute;inset:10px 10px 0 222px;padding-top:0;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;overflow-x:auto;overflow-y:hidden}::ng-deep .tru-card-portal-column{position:relative;border:1px solid #ddd;border-radius:4px;background:#e2e4e6;vertical-align:top;max-height:calc(100% - 10px);margin-left:10px;margin-bottom:10px;display:flex;flex-direction:column}::ng-deep .tru-card-portal-column-inactive *{font-style:italic;opacity:.7}::ng-deep .tru-card-portal-column-header{flex:0 0 auto;padding:5px;position:relative;min-height:18px}::ng-deep .tru-card-portal-column-header-extras{position:absolute;right:5px;top:4px}::ng-deep .tru-card-portal-column-header-extra-button{border-radius:3px;background:transparent}::ng-deep .tru-card-portal-column-header-extra-button:hover{border-radius:3px;background:#cdd2d4}::ng-deep .tru-card-portal-column-header-extra-button input[type=checkbox]{height:14px;width:14px}::ng-deep .tru-card-portal-column-footer{flex:0 0 auto;padding:0 3px 3px;position:relative;height:25px;line-height:25px;display:none}::ng-deep .tru-card-portal-column-footer-text{font-size:14px;color:#777;padding-left:5px;text-decoration:none}::ng-deep .tru-card-portal-column-footer-text:hover{text-decoration:underline;color:#777}::ng-deep .tru-card-portal-column-footer-text:active,::ng-deep .tru-card-portal-column-footer-text:visited{color:#777}::ng-deep .tru-card-icon-small{color:#999;height:18px;font-size:14px;line-height:18px;width:19px;-webkit-font-smoothing:antialiased;display:inline-block!important;font-style:normal;font-weight:400;text-align:center;text-decoration:none;position:relative;width:14px;height:14px}::ng-deep .tru-card-portal-column-headertext{font-weight:700;font-size:16px;color:#333;padding-left:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:20px;cursor:pointer}::ng-deep .tru-card-portal-column-headertext-hover:hover{text-decoration:underline}::ng-deep .tru-card-portal-card-scroll-port{overflow-y:auto;overflow-x:hidden}::ng-deep .tru-card-portal-card-container{margin:0 3px;padding:0 2px;height:30px;transition:all .4s ease-out;opacity:1}::ng-deep .tru-card-portal-card-container.show{opacity:1}::ng-deep .tru-card-portal-card-container *{pointer-events:none}::ng-deep .tru-card-portal-card{background-color:#fff;border:1px solid #fff;border-radius:3px;padding:2px 6px 2px 8px;position:relative;cursor:pointer;display:block;min-height:15px;text-decoration:none;z-index:0;outline:none;box-shadow:0 .5px #ccc}::ng-deep .tru-card-portal-card:hover{background-color:#efefef;border:1px solid #efefef}::ng-deep .tru-card-portal-card p{font-size:12px;word-wrap:break-word}::ng-deep .tru-card-portal-card:focus{outline:none}::ng-deep .tru-card-portal-card.empty{border:1px dashed #999}::ng-deep .tru-card-placeholder{position:absolute;left:0;right:0;margin:0;z-index:100;border-color:#0079bf;border-top-style:dashed;border-bottom-style:dashed}::ng-deep .tru-card-selected{border-color:#52a8eccc!important;background-color:#52a8eccc!important}::ng-deep .tru-card-selected p{color:#000!important;font-size:12px}::ng-deep .tru-card-menu{position:absolute;top:20px;right:0;background:#fff;border:1px #ccc solid;border-radius:3px;z-index:1;padding:7px;width:200px}::ng-deep .tru-card-menu hr{height:1px;border:1px #ccc solid;border-bottom:0;border-left:0;border-right:0;width:100%;margin:0;padding:0}::ng-deep .tru-card-menu a{color:#777;text-decoration:none;float:left;line-height:16px;margin-top:2px;margin-bottom:2px}::ng-deep .tru-card-menu span{color:#777;float:left;line-height:16px;margin-top:3px}::ng-deep .tru-card-menu a:hover{text-decoration:underline;color:#777}::ng-deep .tru-card-menu a:active,::ng-deep .tru-card-menu a:visited{color:#777}::ng-deep .tru-card-menu-move-container{width:100%!important;display:inline-flex}::ng-deep .tru-card-menu-move-container select{width:100%!important}::ng-deep .tru-card-menu-move-container a{margin-top:1px;margin-left:3px;display:block}::ng-deep .tru-card-menu-move-container span{color:#0079bf;margin-top:0}::ng-deep .tru-card-menu-move-container .move-button-disabled{pointer-events:none;opacity:.75}::ng-deep .tru-card-menu-move-container .move-button-disabled span{color:#ccc}::ng-deep .tru-card-portal-column-filtered{display:none}::ng-deep .tru-card-portal-card-filtered{display:none}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i6.TruToolbar, selector: "tru-toolbar", inputs: ["config"] }, { kind: "component", type: i7.TruToolbarMenu, selector: "tru-toolbar-menu", inputs: ["config"] }, { kind: "component", type: i8.TruToolbarDropdown, selector: "tru-toolbar-dropdown", inputs: ["config", "options", "tooltip", "multiple", "filterable", "filterTooltip", "width", "selectedOption", "disabled"], outputs: ["selectedOptionChange", "selectionChange"] }, { kind: "component", type: i9.TruToolbarSeparator, selector: "tru-toolbar-separator" }, { kind: "component", type: i10.TruToolbarTextbox, selector: "tru-toolbar-textbox", inputs: ["config", "tooltip", "value", "width"], outputs: ["valueChange"] }] });
|
|
537
537
|
}
|
|
538
538
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TruCardColumn, decorators: [{
|
|
539
539
|
type: Component,
|
|
540
|
-
args: [{ selector: 'tru-card-column', template: "<div class=\"tru-card\">\r\n <div *ngIf=\"isBusy\"\r\n class=\"tru-card-busy-indicator\">\r\n <p>{{busyMessage}}</p>\r\n </div>\r\n <tru-toolbar>\r\n <ng-container *ngTemplateOutlet=\"parentToolbarTemplate\"></ng-container>\r\n <tru-toolbar-separator></tru-toolbar-separator>\r\n <tru-toolbar-dropdown\r\n [tooltip]=\"columnFilterTooltip\"\r\n (selectionChange)=\"filterColumns($event)\"\r\n [options]=\"columnFilterChoices\"\r\n [multiple]=\"true\"\r\n [filterable]=\"true\"\r\n [filterTooltip]=\"columnDropdownFilterTooltip\"\r\n [width]=\"150\">\r\n </tru-toolbar-dropdown>\r\n <tru-toolbar-textbox\r\n [tooltip]=\"cardFilterTooltip\"\r\n (valueChange)=\"filterCards($event)\"\r\n [width]=\"150\">\r\n </tru-toolbar-textbox>\r\n <tru-toolbar-separator *ngIf=\"viewMenuItems.length\"></tru-toolbar-separator>\r\n <div *ngIf=\"viewMenuItems.length\">\r\n <tru-toolbar-menu *ngFor=\"let viewMenuItem of viewMenuItems\" [config]=\"viewMenuItem\"></tru-toolbar-menu>\r\n </div>\r\n </tru-toolbar>\r\n <div class=\"tru-card-portal\" #cardPortal>\r\n <div [ngStyle]=\"{'width': ((config.width * lockedColumns.length) + (10 * lockedColumns.length - 1)) + 'px' }\"\r\n [ngClass]=\"{'tru-card-portal-locked-columns-divider': lockedColumns.length}\"\r\n *ngIf=\"lockedColumns.length\"\r\n class=\"tru-card-portal-locked-columns locked-columns\">\r\n </div>\r\n <div [ngStyle]=\"{'left': lockedColumns.length ? ((config.width * lockedColumns.length) + (10 * lockedColumns.length - 1) + 22) + 'px' : 0 }\"\r\n class=\"tru-card-portal-columns unlocked-columns\">\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["::ng-deep .tru-card-busy-indicator{position:absolute;inset:25px 0 0;z-index:10000;background-color:transparent}::ng-deep .tru-card-busy-indicator p{position:relative;float:left;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}::ng-deep .tru-card-filter{position:absolute;top:0;left:0;right:0;height:30px;line-height:30px;padding-left:10px}::ng-deep .tru-card-portal{position:absolute;inset:30px 10px 10px;border:1px solid #ddd;padding:10px;background-color:#0079bf}::ng-deep .tru-card-portal-disabled>*{opacity:.75;pointer-events:none}::ng-deep .tru-card-portal-locked-columns{position:absolute;top:10px;left:0;bottom:0;padding:0 5px 10px 10px;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start}::ng-deep .tru-card-portal-locked-columns .tru-card-portal-column{margin-left:0;margin-bottom:0}::ng-deep .tru-card-portal-locked-columns .tru-card-portal-column:not(:first-child){margin-left:10px!important}::ng-deep .tru-card-portal-locked-columns-divider{border-right:1px solid #cdd2d4}::ng-deep .tru-card-portal-columns{position:absolute;inset:10px 10px 0 222px;padding-top:0;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;overflow-x:auto;overflow-y:hidden}::ng-deep .tru-card-portal-column{position:relative;border:1px solid #ddd;border-radius:4px;background:#e2e4e6;vertical-align:top;max-height:calc(100% - 10px);margin-left:10px;margin-bottom:10px;display:flex;flex-direction:column}::ng-deep .tru-card-portal-column-inactive *{font-style:italic;opacity:.7}::ng-deep .tru-card-portal-column-header{flex:0 0 auto;padding:5px;position:relative;min-height:18px}::ng-deep .tru-card-portal-column-header-extras{position:absolute;right:5px;top:4px}::ng-deep .tru-card-portal-column-header-extra-button{border-radius:3px;background:transparent}::ng-deep .tru-card-portal-column-header-extra-button:hover{border-radius:3px;background:#cdd2d4}::ng-deep .tru-card-portal-column-footer{flex:0 0 auto;padding:0 3px 3px;position:relative;height:25px;line-height:25px;display:none}::ng-deep .tru-card-portal-column-footer-text{font-size:14px;color:#777;padding-left:5px;text-decoration:none}::ng-deep .tru-card-portal-column-footer-text:hover{text-decoration:underline;color:#777}::ng-deep .tru-card-portal-column-footer-text:active,::ng-deep .tru-card-portal-column-footer-text:visited{color:#777}::ng-deep .tru-card-icon-small{color:#999;height:18px;font-size:14px;line-height:18px;width:19px;-webkit-font-smoothing:antialiased;display:inline-block!important;font-style:normal;font-weight:400;text-align:center;text-decoration:none;position:relative}::ng-deep .tru-card-portal-column-headertext{font-weight:700;font-size:16px;color:#333;padding-left:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:20px;cursor:pointer}::ng-deep .tru-card-portal-column-headertext-hover:hover{text-decoration:underline}::ng-deep .tru-card-portal-card-scroll-port{overflow-y:auto;overflow-x:hidden}::ng-deep .tru-card-portal-card-container{margin:0 3px;padding:0 2px;height:30px;transition:all .4s ease-out;opacity:1}::ng-deep .tru-card-portal-card-container.show{opacity:1}::ng-deep .tru-card-portal-card-container *{pointer-events:none}::ng-deep .tru-card-portal-card{background-color:#fff;border:1px solid #fff;border-radius:3px;padding:2px 6px 2px 8px;position:relative;cursor:pointer;display:block;min-height:15px;text-decoration:none;z-index:0;outline:none;box-shadow:0 .5px #ccc}::ng-deep .tru-card-portal-card:hover{background-color:#efefef;border:1px solid #efefef}::ng-deep .tru-card-portal-card p{font-size:12px;word-wrap:break-word}::ng-deep .tru-card-portal-card:focus{outline:none}::ng-deep .tru-card-portal-card.empty{border:1px dashed #999}::ng-deep .tru-card-placeholder{position:absolute;left:0;right:0;margin:0;z-index:100;border-color:#0079bf;border-top-style:dashed;border-bottom-style:dashed}::ng-deep .tru-card-selected{border-color:#52a8eccc!important;background-color:#52a8eccc!important}::ng-deep .tru-card-selected p{color:#000!important;font-size:12px}::ng-deep .tru-card-menu{position:absolute;top:20px;right:0;background:#fff;border:1px #ccc solid;border-radius:3px;z-index:1;padding:7px;width:200px}::ng-deep .tru-card-menu hr{height:1px;border:1px #ccc solid;border-bottom:0;border-left:0;border-right:0;width:100%;margin:0;padding:0}::ng-deep .tru-card-menu a{color:#777;text-decoration:none;float:left;line-height:16px;margin-top:2px;margin-bottom:2px}::ng-deep .tru-card-menu span{color:#777;float:left;line-height:16px;margin-top:3px}::ng-deep .tru-card-menu a:hover{text-decoration:underline;color:#777}::ng-deep .tru-card-menu a:active,::ng-deep .tru-card-menu a:visited{color:#777}::ng-deep .tru-card-menu-move-container{width:100%!important;display:inline-flex}::ng-deep .tru-card-menu-move-container select{width:100%!important}::ng-deep .tru-card-menu-move-container a{margin-top:1px;margin-left:3px;display:block}::ng-deep .tru-card-menu-move-container span{color:#0079bf;margin-top:0}::ng-deep .tru-card-menu-move-container .move-button-disabled{pointer-events:none;opacity:.75}::ng-deep .tru-card-menu-move-container .move-button-disabled span{color:#ccc}::ng-deep .tru-card-portal-column-filtered{display:none}::ng-deep .tru-card-portal-card-filtered{display:none}\n"] }]
|
|
540
|
+
args: [{ selector: 'tru-card-column', template: "<div class=\"tru-card\">\r\n <div *ngIf=\"isBusy\"\r\n class=\"tru-card-busy-indicator\">\r\n <p>{{busyMessage}}</p>\r\n </div>\r\n <tru-toolbar>\r\n <ng-container *ngTemplateOutlet=\"parentToolbarTemplate\"></ng-container>\r\n <tru-toolbar-separator></tru-toolbar-separator>\r\n <tru-toolbar-dropdown\r\n [tooltip]=\"columnFilterTooltip\"\r\n (selectionChange)=\"filterColumns($event)\"\r\n [options]=\"columnFilterChoices\"\r\n [multiple]=\"true\"\r\n [filterable]=\"true\"\r\n [filterTooltip]=\"columnDropdownFilterTooltip\"\r\n [width]=\"150\">\r\n </tru-toolbar-dropdown>\r\n <tru-toolbar-textbox\r\n [tooltip]=\"cardFilterTooltip\"\r\n (valueChange)=\"filterCards($event)\"\r\n [width]=\"150\">\r\n </tru-toolbar-textbox>\r\n <tru-toolbar-separator *ngIf=\"viewMenuItems.length\"></tru-toolbar-separator>\r\n <div *ngIf=\"viewMenuItems.length\">\r\n <tru-toolbar-menu *ngFor=\"let viewMenuItem of viewMenuItems\" [config]=\"viewMenuItem\"></tru-toolbar-menu>\r\n </div>\r\n </tru-toolbar>\r\n <div class=\"tru-card-portal\" #cardPortal>\r\n <div [ngStyle]=\"{'width': ((config.width * lockedColumns.length) + (10 * lockedColumns.length - 1)) + 'px' }\"\r\n [ngClass]=\"{'tru-card-portal-locked-columns-divider': lockedColumns.length}\"\r\n *ngIf=\"lockedColumns.length\"\r\n class=\"tru-card-portal-locked-columns locked-columns\">\r\n </div>\r\n <div [ngStyle]=\"{'left': lockedColumns.length ? ((config.width * lockedColumns.length) + (10 * lockedColumns.length - 1) + 22) + 'px' : 0 }\"\r\n class=\"tru-card-portal-columns unlocked-columns\">\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["::ng-deep .tru-card-busy-indicator{position:absolute;inset:25px 0 0;z-index:10000;background-color:transparent}::ng-deep .tru-card-busy-indicator p{position:relative;float:left;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}::ng-deep .tru-card-filter{position:absolute;top:0;left:0;right:0;height:30px;line-height:30px;padding-left:10px}::ng-deep .tru-card-portal{position:absolute;inset:30px 10px 10px;border:1px solid #ddd;padding:10px;background-color:#0079bf}::ng-deep .tru-card-portal-disabled>*{opacity:.75;pointer-events:none}::ng-deep .tru-card-portal-locked-columns{position:absolute;top:10px;left:0;bottom:0;padding:0 5px 10px 10px;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start}::ng-deep .tru-card-portal-locked-columns .tru-card-portal-column{margin-left:0;margin-bottom:0}::ng-deep .tru-card-portal-locked-columns .tru-card-portal-column:not(:first-child){margin-left:10px!important}::ng-deep .tru-card-portal-locked-columns-divider{border-right:1px solid #cdd2d4}::ng-deep .tru-card-portal-columns{position:absolute;inset:10px 10px 0 222px;padding-top:0;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;overflow-x:auto;overflow-y:hidden}::ng-deep .tru-card-portal-column{position:relative;border:1px solid #ddd;border-radius:4px;background:#e2e4e6;vertical-align:top;max-height:calc(100% - 10px);margin-left:10px;margin-bottom:10px;display:flex;flex-direction:column}::ng-deep .tru-card-portal-column-inactive *{font-style:italic;opacity:.7}::ng-deep .tru-card-portal-column-header{flex:0 0 auto;padding:5px;position:relative;min-height:18px}::ng-deep .tru-card-portal-column-header-extras{position:absolute;right:5px;top:4px}::ng-deep .tru-card-portal-column-header-extra-button{border-radius:3px;background:transparent}::ng-deep .tru-card-portal-column-header-extra-button:hover{border-radius:3px;background:#cdd2d4}::ng-deep .tru-card-portal-column-header-extra-button input[type=checkbox]{height:14px;width:14px}::ng-deep .tru-card-portal-column-footer{flex:0 0 auto;padding:0 3px 3px;position:relative;height:25px;line-height:25px;display:none}::ng-deep .tru-card-portal-column-footer-text{font-size:14px;color:#777;padding-left:5px;text-decoration:none}::ng-deep .tru-card-portal-column-footer-text:hover{text-decoration:underline;color:#777}::ng-deep .tru-card-portal-column-footer-text:active,::ng-deep .tru-card-portal-column-footer-text:visited{color:#777}::ng-deep .tru-card-icon-small{color:#999;height:18px;font-size:14px;line-height:18px;width:19px;-webkit-font-smoothing:antialiased;display:inline-block!important;font-style:normal;font-weight:400;text-align:center;text-decoration:none;position:relative;width:14px;height:14px}::ng-deep .tru-card-portal-column-headertext{font-weight:700;font-size:16px;color:#333;padding-left:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:20px;cursor:pointer}::ng-deep .tru-card-portal-column-headertext-hover:hover{text-decoration:underline}::ng-deep .tru-card-portal-card-scroll-port{overflow-y:auto;overflow-x:hidden}::ng-deep .tru-card-portal-card-container{margin:0 3px;padding:0 2px;height:30px;transition:all .4s ease-out;opacity:1}::ng-deep .tru-card-portal-card-container.show{opacity:1}::ng-deep .tru-card-portal-card-container *{pointer-events:none}::ng-deep .tru-card-portal-card{background-color:#fff;border:1px solid #fff;border-radius:3px;padding:2px 6px 2px 8px;position:relative;cursor:pointer;display:block;min-height:15px;text-decoration:none;z-index:0;outline:none;box-shadow:0 .5px #ccc}::ng-deep .tru-card-portal-card:hover{background-color:#efefef;border:1px solid #efefef}::ng-deep .tru-card-portal-card p{font-size:12px;word-wrap:break-word}::ng-deep .tru-card-portal-card:focus{outline:none}::ng-deep .tru-card-portal-card.empty{border:1px dashed #999}::ng-deep .tru-card-placeholder{position:absolute;left:0;right:0;margin:0;z-index:100;border-color:#0079bf;border-top-style:dashed;border-bottom-style:dashed}::ng-deep .tru-card-selected{border-color:#52a8eccc!important;background-color:#52a8eccc!important}::ng-deep .tru-card-selected p{color:#000!important;font-size:12px}::ng-deep .tru-card-menu{position:absolute;top:20px;right:0;background:#fff;border:1px #ccc solid;border-radius:3px;z-index:1;padding:7px;width:200px}::ng-deep .tru-card-menu hr{height:1px;border:1px #ccc solid;border-bottom:0;border-left:0;border-right:0;width:100%;margin:0;padding:0}::ng-deep .tru-card-menu a{color:#777;text-decoration:none;float:left;line-height:16px;margin-top:2px;margin-bottom:2px}::ng-deep .tru-card-menu span{color:#777;float:left;line-height:16px;margin-top:3px}::ng-deep .tru-card-menu a:hover{text-decoration:underline;color:#777}::ng-deep .tru-card-menu a:active,::ng-deep .tru-card-menu a:visited{color:#777}::ng-deep .tru-card-menu-move-container{width:100%!important;display:inline-flex}::ng-deep .tru-card-menu-move-container select{width:100%!important}::ng-deep .tru-card-menu-move-container a{margin-top:1px;margin-left:3px;display:block}::ng-deep .tru-card-menu-move-container span{color:#0079bf;margin-top:0}::ng-deep .tru-card-menu-move-container .move-button-disabled{pointer-events:none;opacity:.75}::ng-deep .tru-card-menu-move-container .move-button-disabled span{color:#ccc}::ng-deep .tru-card-portal-column-filtered{display:none}::ng-deep .tru-card-portal-card-filtered{display:none}\n"] }]
|
|
541
541
|
}], ctorParameters: () => [{ type: i1.TruDataContext }, { type: i2.TruModelTypeLookup }, { type: i3.TruSearchViewEventHandler }, { type: i4.TruSearchResultViewManager }], propDecorators: { config: [{
|
|
542
542
|
type: Input
|
|
543
543
|
}], name: [{
|
|
@@ -40,11 +40,11 @@ export class TruToolbarDropdown {
|
|
|
40
40
|
});
|
|
41
41
|
};
|
|
42
42
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TruToolbarDropdown, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
43
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: TruToolbarDropdown, selector: "tru-toolbar-dropdown", inputs: { config: "config", options: "options", tooltip: "tooltip", multiple: "multiple", filterable: "filterable", filterTooltip: "filterTooltip", width: "width", selectedOption: "selectedOption", disabled: "disabled" }, outputs: { selectedOptionChange: "selectedOptionChange", selectionChange: "selectionChange" }, usesOnChanges: true, ngImport: i0, template: "<mat-form-field>\r\n @if (multiple) {\r\n <mat-select [(ngModel)]=\"selectedOption\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"tooltip\"\r\n (selectionChange)=\"onSelectionChange($event)\"\r\n [style.width.px]=\"width\"\r\n tru-mat-select-panel\r\n multiple>\r\n <input matInput\r\n *ngIf=\"filterable\"\r\n [placeholder]=\"filterTooltip\"\r\n (input)=\"onFilterChange($event)\"\r\n type=\"text\"\r\n autocomplete=\"off\"/>\r\n <mat-option *ngFor=\"let option of filteredOptions\" [value]=\"option\">\r\n {{option.label}}\r\n </mat-option>\r\n </mat-select>\r\n } @else {\r\n <mat-select [(ngModel)]=\"selectedOption\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"tooltip\"\r\n (selectionChange)=\"onSelectionChange($event)\"\r\n [style.width.px]=\"width\"\r\n tru-mat-select-panel>\r\n <input matInput\r\n *ngIf=\"filterable\"\r\n [placeholder]=\"filterTooltip\"\r\n (input)=\"onFilterChange($event)\"\r\n type=\"text\"\r\n autocomplete=\"off\" />\r\n <mat-option *ngFor=\"let option of filteredOptions\" [value]=\"option\">\r\n {{option.label}}\r\n </mat-option>\r\n </mat-select>\r\n }\r\n</mat-form-field>\r\n\r\n", styles: [".toolbar{height:25px}.toolbar p{font-size:12px}.toolbar .toolbar-btn{height:26px}.toolbar .mat-mdc-form-field{display:block;height:25px;width:auto}.toolbar .mat-mdc-text-field-wrapper{margin-top:1px;height:23px}.toolbar .mat-mdc-form-field-infix{padding:0;border-top:0;width:auto;height:25px}.mat-mdc-option{height:25px;font-size:14px}.toolbar .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix .toolbar .mat-mdc-select-arrow-wrapper{padding:0!important}.toolbar .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix{padding:0!important}.toolbar .mat-mdc-select-arrow{padding-left:5px}.toolbar .mat-mdc-select-value-text{font-size:12px}.toolbar-group,.toolbar-group-vertical{position:relative;display:flex;vertical-align:middle;height:25px}.toolbar-group>.toolbar-btn,.toolbar-group-vertical>.toolbar-btn{position:relative;float:left}.toolbar-group>.toolbar-btn:hover,.toolbar-group-vertical>.toolbar-btn:hover,.toolbar-group>.toolbar-btn:focus,.toolbar-group-vertical>.toolbar-btn:focus,.toolbar-group>.toolbar-btn:active,.toolbar-group-vertical>.toolbar-btn:active,.toolbar-group>.toolbar-btn.active,.toolbar-group-vertical>.toolbar-btn.active{z-index:2}.toolbar-group .toolbar-btn+.toolbar-btn,.toolbar-group .toolbar-btn+.toolbar-group,.toolbar-group .toolbar-group+.toolbar-btn,.toolbar-group .toolbar-group+.toolbar-group{margin-left:-1px}.toolbar-group>.toolbar-btn:not(:first-child):not(:last-child){border-radius:0}.toolbar-group>.toolbar-btn:first-child{margin-left:0}.toolbar-group>.toolbar-btn:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.toolbar-group>.toolbar-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.toolbar-group>.toolbar-btn{padding:1px 5px;font-size:12px;line-height:1;border-radius:0}.toolbar-group .btn_iconOnly{padding:0;margin:0}.toolbar-group .btn_iconOnly i{vertical-align:15%}.toolbar-group div{padding:0;margin:0}.toolbar-group button{padding:0!important}.toolbar-group span,.toolbar-group i{padding:0;margin:0}.toolbar-group button{vertical-align:top}::ng-deep .toolbar .mat-mdc-option{min-height:unset;height:35px}::ng-deep .toolbar input::placeholder{font-size:12px;opacity:.75}::ng-deep .toolbar .mat-mdc-select-placeholder{font-size:12px;opacity:.75}\n", ".toolbar .mat-mdc-select{width:auto;min-width:90px;padding-top:0!important;font-family:Calibri,Helvetica,Arial,sans-serif!important;background-color:#ebebeb;height:24px;margin-left:2px;margin-right:2px;padding-left:8px;padding-right:3px}.toolbar .mdc-line-ripple{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i6.TruMatSelectPanel, selector: "[tru-mat-select-panel]" }], encapsulation: i0.ViewEncapsulation.None });
|
|
43
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: TruToolbarDropdown, selector: "tru-toolbar-dropdown", inputs: { config: "config", options: "options", tooltip: "tooltip", multiple: "multiple", filterable: "filterable", filterTooltip: "filterTooltip", width: "width", selectedOption: "selectedOption", disabled: "disabled" }, outputs: { selectedOptionChange: "selectedOptionChange", selectionChange: "selectionChange" }, usesOnChanges: true, ngImport: i0, template: "<mat-form-field>\r\n @if (multiple) {\r\n <mat-select [(ngModel)]=\"selectedOption\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"tooltip\"\r\n (selectionChange)=\"onSelectionChange($event)\"\r\n [style.width.px]=\"width\"\r\n tru-mat-select-panel\r\n multiple>\r\n <input matInput\r\n *ngIf=\"filterable\"\r\n [placeholder]=\"filterTooltip\"\r\n (input)=\"onFilterChange($event)\"\r\n type=\"text\"\r\n autocomplete=\"off\"/>\r\n <mat-option *ngFor=\"let option of filteredOptions\" [value]=\"option\">\r\n {{option.label}}\r\n </mat-option>\r\n </mat-select>\r\n } @else {\r\n <mat-select [(ngModel)]=\"selectedOption\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"tooltip\"\r\n (selectionChange)=\"onSelectionChange($event)\"\r\n [style.width.px]=\"width\"\r\n [hideSingleSelectionIndicator]=\"true\"\r\n tru-mat-select-panel>\r\n <input matInput\r\n *ngIf=\"filterable\"\r\n [placeholder]=\"filterTooltip\"\r\n (input)=\"onFilterChange($event)\"\r\n type=\"text\"\r\n autocomplete=\"off\" />\r\n <mat-option *ngFor=\"let option of filteredOptions\" [value]=\"option\">\r\n {{option.label}}\r\n </mat-option>\r\n </mat-select>\r\n }\r\n</mat-form-field>\r\n\r\n", styles: [".toolbar{height:25px}.toolbar p{font-size:12px}.toolbar .toolbar-btn{height:26px}.toolbar .mat-mdc-form-field{display:block;height:25px;width:auto}.toolbar .mat-mdc-text-field-wrapper{margin-top:1px;height:23px}.toolbar .mat-mdc-form-field-infix{padding:0;border-top:0;width:auto;height:25px}.mat-mdc-option{height:25px;font-size:14px}.toolbar .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix .toolbar .mat-mdc-select-arrow-wrapper{padding:0!important}.toolbar .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix{padding:0!important}.toolbar .mat-mdc-select-arrow{padding-left:5px}.toolbar .mat-mdc-select-value-text{font-size:12px}.toolbar-group,.toolbar-group-vertical{position:relative;display:flex;vertical-align:middle;height:25px}.toolbar-group>.toolbar-btn,.toolbar-group-vertical>.toolbar-btn{position:relative;float:left}.toolbar-group>.toolbar-btn:hover,.toolbar-group-vertical>.toolbar-btn:hover,.toolbar-group>.toolbar-btn:focus,.toolbar-group-vertical>.toolbar-btn:focus,.toolbar-group>.toolbar-btn:active,.toolbar-group-vertical>.toolbar-btn:active,.toolbar-group>.toolbar-btn.active,.toolbar-group-vertical>.toolbar-btn.active{z-index:2}.toolbar-group .toolbar-btn+.toolbar-btn,.toolbar-group .toolbar-btn+.toolbar-group,.toolbar-group .toolbar-group+.toolbar-btn,.toolbar-group .toolbar-group+.toolbar-group{margin-left:-1px}.toolbar-group>.toolbar-btn:not(:first-child):not(:last-child){border-radius:0}.toolbar-group>.toolbar-btn:first-child{margin-left:0}.toolbar-group>.toolbar-btn:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.toolbar-group>.toolbar-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.toolbar-group>.toolbar-btn{padding:1px 5px;font-size:12px;line-height:1;border-radius:0}.toolbar-group .btn_iconOnly{padding:0;margin:0}.toolbar-group .btn_iconOnly i{vertical-align:15%}.toolbar-group div{padding:0;margin:0}.toolbar-group button{padding:0!important}.toolbar-group span,.toolbar-group i{padding:0;margin:0}.toolbar-group button{vertical-align:top}::ng-deep .toolbar .mat-mdc-option{min-height:unset;height:35px}::ng-deep .toolbar input::placeholder{font-size:12px;opacity:.75}::ng-deep .toolbar .mat-mdc-select-placeholder{font-size:12px;opacity:.75}\n", ".toolbar .mat-mdc-select{width:auto;min-width:90px;padding-top:0!important;font-family:Calibri,Helvetica,Arial,sans-serif!important;background-color:#ebebeb;height:24px;margin-left:2px;margin-right:2px;padding-left:8px;padding-right:3px}.toolbar .mdc-line-ripple{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i6.TruMatSelectPanel, selector: "[tru-mat-select-panel]" }], encapsulation: i0.ViewEncapsulation.None });
|
|
44
44
|
}
|
|
45
45
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TruToolbarDropdown, decorators: [{
|
|
46
46
|
type: Component,
|
|
47
|
-
args: [{ selector: 'tru-toolbar-dropdown', encapsulation: ViewEncapsulation.None, template: "<mat-form-field>\r\n @if (multiple) {\r\n <mat-select [(ngModel)]=\"selectedOption\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"tooltip\"\r\n (selectionChange)=\"onSelectionChange($event)\"\r\n [style.width.px]=\"width\"\r\n tru-mat-select-panel\r\n multiple>\r\n <input matInput\r\n *ngIf=\"filterable\"\r\n [placeholder]=\"filterTooltip\"\r\n (input)=\"onFilterChange($event)\"\r\n type=\"text\"\r\n autocomplete=\"off\"/>\r\n <mat-option *ngFor=\"let option of filteredOptions\" [value]=\"option\">\r\n {{option.label}}\r\n </mat-option>\r\n </mat-select>\r\n } @else {\r\n <mat-select [(ngModel)]=\"selectedOption\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"tooltip\"\r\n (selectionChange)=\"onSelectionChange($event)\"\r\n [style.width.px]=\"width\"\r\n tru-mat-select-panel>\r\n <input matInput\r\n *ngIf=\"filterable\"\r\n [placeholder]=\"filterTooltip\"\r\n (input)=\"onFilterChange($event)\"\r\n type=\"text\"\r\n autocomplete=\"off\" />\r\n <mat-option *ngFor=\"let option of filteredOptions\" [value]=\"option\">\r\n {{option.label}}\r\n </mat-option>\r\n </mat-select>\r\n }\r\n</mat-form-field>\r\n\r\n", styles: [".toolbar{height:25px}.toolbar p{font-size:12px}.toolbar .toolbar-btn{height:26px}.toolbar .mat-mdc-form-field{display:block;height:25px;width:auto}.toolbar .mat-mdc-text-field-wrapper{margin-top:1px;height:23px}.toolbar .mat-mdc-form-field-infix{padding:0;border-top:0;width:auto;height:25px}.mat-mdc-option{height:25px;font-size:14px}.toolbar .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix .toolbar .mat-mdc-select-arrow-wrapper{padding:0!important}.toolbar .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix{padding:0!important}.toolbar .mat-mdc-select-arrow{padding-left:5px}.toolbar .mat-mdc-select-value-text{font-size:12px}.toolbar-group,.toolbar-group-vertical{position:relative;display:flex;vertical-align:middle;height:25px}.toolbar-group>.toolbar-btn,.toolbar-group-vertical>.toolbar-btn{position:relative;float:left}.toolbar-group>.toolbar-btn:hover,.toolbar-group-vertical>.toolbar-btn:hover,.toolbar-group>.toolbar-btn:focus,.toolbar-group-vertical>.toolbar-btn:focus,.toolbar-group>.toolbar-btn:active,.toolbar-group-vertical>.toolbar-btn:active,.toolbar-group>.toolbar-btn.active,.toolbar-group-vertical>.toolbar-btn.active{z-index:2}.toolbar-group .toolbar-btn+.toolbar-btn,.toolbar-group .toolbar-btn+.toolbar-group,.toolbar-group .toolbar-group+.toolbar-btn,.toolbar-group .toolbar-group+.toolbar-group{margin-left:-1px}.toolbar-group>.toolbar-btn:not(:first-child):not(:last-child){border-radius:0}.toolbar-group>.toolbar-btn:first-child{margin-left:0}.toolbar-group>.toolbar-btn:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.toolbar-group>.toolbar-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.toolbar-group>.toolbar-btn{padding:1px 5px;font-size:12px;line-height:1;border-radius:0}.toolbar-group .btn_iconOnly{padding:0;margin:0}.toolbar-group .btn_iconOnly i{vertical-align:15%}.toolbar-group div{padding:0;margin:0}.toolbar-group button{padding:0!important}.toolbar-group span,.toolbar-group i{padding:0;margin:0}.toolbar-group button{vertical-align:top}::ng-deep .toolbar .mat-mdc-option{min-height:unset;height:35px}::ng-deep .toolbar input::placeholder{font-size:12px;opacity:.75}::ng-deep .toolbar .mat-mdc-select-placeholder{font-size:12px;opacity:.75}\n", ".toolbar .mat-mdc-select{width:auto;min-width:90px;padding-top:0!important;font-family:Calibri,Helvetica,Arial,sans-serif!important;background-color:#ebebeb;height:24px;margin-left:2px;margin-right:2px;padding-left:8px;padding-right:3px}.toolbar .mdc-line-ripple{display:none}\n"] }]
|
|
47
|
+
args: [{ selector: 'tru-toolbar-dropdown', encapsulation: ViewEncapsulation.None, template: "<mat-form-field>\r\n @if (multiple) {\r\n <mat-select [(ngModel)]=\"selectedOption\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"tooltip\"\r\n (selectionChange)=\"onSelectionChange($event)\"\r\n [style.width.px]=\"width\"\r\n tru-mat-select-panel\r\n multiple>\r\n <input matInput\r\n *ngIf=\"filterable\"\r\n [placeholder]=\"filterTooltip\"\r\n (input)=\"onFilterChange($event)\"\r\n type=\"text\"\r\n autocomplete=\"off\"/>\r\n <mat-option *ngFor=\"let option of filteredOptions\" [value]=\"option\">\r\n {{option.label}}\r\n </mat-option>\r\n </mat-select>\r\n } @else {\r\n <mat-select [(ngModel)]=\"selectedOption\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"tooltip\"\r\n (selectionChange)=\"onSelectionChange($event)\"\r\n [style.width.px]=\"width\"\r\n [hideSingleSelectionIndicator]=\"true\"\r\n tru-mat-select-panel>\r\n <input matInput\r\n *ngIf=\"filterable\"\r\n [placeholder]=\"filterTooltip\"\r\n (input)=\"onFilterChange($event)\"\r\n type=\"text\"\r\n autocomplete=\"off\" />\r\n <mat-option *ngFor=\"let option of filteredOptions\" [value]=\"option\">\r\n {{option.label}}\r\n </mat-option>\r\n </mat-select>\r\n }\r\n</mat-form-field>\r\n\r\n", styles: [".toolbar{height:25px}.toolbar p{font-size:12px}.toolbar .toolbar-btn{height:26px}.toolbar .mat-mdc-form-field{display:block;height:25px;width:auto}.toolbar .mat-mdc-text-field-wrapper{margin-top:1px;height:23px}.toolbar .mat-mdc-form-field-infix{padding:0;border-top:0;width:auto;height:25px}.mat-mdc-option{height:25px;font-size:14px}.toolbar .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix .toolbar .mat-mdc-select-arrow-wrapper{padding:0!important}.toolbar .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix{padding:0!important}.toolbar .mat-mdc-select-arrow{padding-left:5px}.toolbar .mat-mdc-select-value-text{font-size:12px}.toolbar-group,.toolbar-group-vertical{position:relative;display:flex;vertical-align:middle;height:25px}.toolbar-group>.toolbar-btn,.toolbar-group-vertical>.toolbar-btn{position:relative;float:left}.toolbar-group>.toolbar-btn:hover,.toolbar-group-vertical>.toolbar-btn:hover,.toolbar-group>.toolbar-btn:focus,.toolbar-group-vertical>.toolbar-btn:focus,.toolbar-group>.toolbar-btn:active,.toolbar-group-vertical>.toolbar-btn:active,.toolbar-group>.toolbar-btn.active,.toolbar-group-vertical>.toolbar-btn.active{z-index:2}.toolbar-group .toolbar-btn+.toolbar-btn,.toolbar-group .toolbar-btn+.toolbar-group,.toolbar-group .toolbar-group+.toolbar-btn,.toolbar-group .toolbar-group+.toolbar-group{margin-left:-1px}.toolbar-group>.toolbar-btn:not(:first-child):not(:last-child){border-radius:0}.toolbar-group>.toolbar-btn:first-child{margin-left:0}.toolbar-group>.toolbar-btn:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.toolbar-group>.toolbar-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.toolbar-group>.toolbar-btn{padding:1px 5px;font-size:12px;line-height:1;border-radius:0}.toolbar-group .btn_iconOnly{padding:0;margin:0}.toolbar-group .btn_iconOnly i{vertical-align:15%}.toolbar-group div{padding:0;margin:0}.toolbar-group button{padding:0!important}.toolbar-group span,.toolbar-group i{padding:0;margin:0}.toolbar-group button{vertical-align:top}::ng-deep .toolbar .mat-mdc-option{min-height:unset;height:35px}::ng-deep .toolbar input::placeholder{font-size:12px;opacity:.75}::ng-deep .toolbar .mat-mdc-select-placeholder{font-size:12px;opacity:.75}\n", ".toolbar .mat-mdc-select{width:auto;min-width:90px;padding-top:0!important;font-family:Calibri,Helvetica,Arial,sans-serif!important;background-color:#ebebeb;height:24px;margin-left:2px;margin-right:2px;padding-left:8px;padding-right:3px}.toolbar .mdc-line-ripple{display:none}\n"] }]
|
|
48
48
|
}], ctorParameters: () => [], propDecorators: { config: [{
|
|
49
49
|
type: Input
|
|
50
50
|
}], options: [{
|
|
@@ -68,4 +68,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
|
|
|
68
68
|
}], selectionChange: [{
|
|
69
69
|
type: Output
|
|
70
70
|
}] } });
|
|
71
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
71
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJ1LXRvb2xiYXItZHJvcGRvd24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90cnUtY29tbW9uLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvdG9vbGJhci9kcm9wZG93bi90cnUtdG9vbGJhci1kcm9wZG93bi50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RydS1jb21tb24tbGliL3NyYy9saWIvY29tcG9uZW50cy90b29sYmFyL2Ryb3Bkb3duL3RydS10b29sYmFyLWRyb3Bkb3duLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQWlCLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQVVoSSxNQUFNLE9BQU8sa0JBQWtCO0lBQ3BCLE1BQU0sR0FBYyxJQUFJLENBQUM7SUFFekIsT0FBTyxHQUE0QyxFQUFFLENBQUM7SUFDdEQsT0FBTyxHQUFXLEVBQUUsQ0FBQztJQUNyQixRQUFRLEdBQVksS0FBSyxDQUFDO0lBQzFCLFVBQVUsR0FBWSxLQUFLLENBQUM7SUFDNUIsYUFBYSxHQUFXLEVBQUUsQ0FBQztJQUMzQixLQUFLLEdBQVcsR0FBRyxDQUFDO0lBRXBCLGNBQWMsQ0FBNkI7SUFDMUMsb0JBQW9CLEdBQUcsSUFBSSxZQUFZLEVBQTZCLENBQUM7SUFFdEUsUUFBUSxDQUFXO0lBRWxCLGVBQWUsR0FBRyxJQUFJLFlBQVksRUFBMkMsQ0FBQztJQUV4RixlQUFlLEdBQTRDLEVBQUUsQ0FBQztJQUU5RDtJQUVBLENBQUM7SUFFRCxRQUFRO0lBRVIsQ0FBQztJQUVELGVBQWU7SUFFZixDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QyxDQUFDO0lBRUQsaUJBQWlCLEdBQUcsQ0FBQyxLQUFzQixFQUFFLEVBQUU7UUFDN0MsSUFBSSxDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDNUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3pDLENBQUMsQ0FBQTtJQUVELGNBQWMsR0FBRyxDQUFDLEtBQVUsRUFBRSxFQUFFO1FBQzlCLE1BQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBRXJELElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLE9BQVEsQ0FBQyxNQUFNLENBQUMsQ0FBQyxNQUFpQyxFQUFFLEVBQUU7WUFDaEYsTUFBTSxLQUFLLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUN6QyxPQUFPLEtBQUssQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDckMsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDLENBQUE7dUdBL0NVLGtCQUFrQjsyRkFBbEIsa0JBQWtCLDhZQ1YvQix1N0NBd0NBOzsyRkQ5QmEsa0JBQWtCO2tCQU45QixTQUFTOytCQUNFLHNCQUFzQixpQkFHakIsaUJBQWlCLENBQUMsSUFBSTt3REFHNUIsTUFBTTtzQkFBZCxLQUFLO2dCQUVHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUVHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0ksb0JBQW9CO3NCQUE3QixNQUFNO2dCQUVFLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUksZUFBZTtzQkFBeEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyVmlld0luaXQsIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFNpbXBsZUNoYW5nZXMsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1hdFNlbGVjdENoYW5nZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NlbGVjdCc7XHJcbmltcG9ydCB7IElUcnVUb29sYmFyRHJvcGRvd25PcHRpb24gfSBmcm9tICcuLi9jbGFzc2VzL3RydS10b29sYmFyLWRyb3Bkb3duLW9wdGlvbic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3RydS10b29sYmFyLWRyb3Bkb3duJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdHJ1LXRvb2xiYXItZHJvcGRvd24uaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4uL3RydS10b29sYmFyLmNzcycsICcuL3RydS10b29sYmFyLWRyb3Bkb3duLmNzcyddLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcclxufSlcclxuZXhwb3J0IGNsYXNzIFRydVRvb2xiYXJEcm9wZG93biBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCB7XHJcbiAgQElucHV0KCkgY29uZmlnOiBbXSB8IG51bGwgPSBudWxsO1xyXG5cclxuICBASW5wdXQoKSBvcHRpb25zOiBBcnJheTxJVHJ1VG9vbGJhckRyb3Bkb3duT3B0aW9uPiB8IG51bGwgPSBbXTtcclxuICBASW5wdXQoKSB0b29sdGlwOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBtdWx0aXBsZTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGZpbHRlcmFibGU6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBmaWx0ZXJUb29sdGlwOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSB3aWR0aDogbnVtYmVyID0gMTE1O1xyXG5cclxuICBASW5wdXQoKSBzZWxlY3RlZE9wdGlvbiE6IElUcnVUb29sYmFyRHJvcGRvd25PcHRpb247XHJcbiAgQE91dHB1dCgpIHNlbGVjdGVkT3B0aW9uQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxJVHJ1VG9vbGJhckRyb3Bkb3duT3B0aW9uPigpO1xyXG5cclxuICBASW5wdXQoKSBkaXNhYmxlZCE6IGJvb2xlYW47XHJcblxyXG4gIEBPdXRwdXQoKSBzZWxlY3Rpb25DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPEFycmF5PElUcnVUb29sYmFyRHJvcGRvd25PcHRpb24+IHwgbnVsbD4oKTtcclxuXHJcbiAgZmlsdGVyZWRPcHRpb25zOiBBcnJheTxJVHJ1VG9vbGJhckRyb3Bkb3duT3B0aW9uPiB8IG51bGwgPSBbXTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7XHJcblxyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBcclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuXHJcbiAgfVxyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICB0aGlzLmZpbHRlcmVkT3B0aW9ucyA9IHRoaXMub3B0aW9ucztcclxuICB9XHJcblxyXG4gIG9uU2VsZWN0aW9uQ2hhbmdlID0gKGV2ZW50OiBNYXRTZWxlY3RDaGFuZ2UpID0+IHtcclxuICAgIHRoaXMuc2VsZWN0ZWRPcHRpb25DaGFuZ2UuZW1pdChldmVudC52YWx1ZSk7XHJcbiAgICB0aGlzLnNlbGVjdGlvbkNoYW5nZS5lbWl0KGV2ZW50LnZhbHVlKTtcclxuICB9XHJcblxyXG4gIG9uRmlsdGVyQ2hhbmdlID0gKGV2ZW50OiBhbnkpID0+IHtcclxuICAgIGNvbnN0IHNlYXJjaElucHV0ID0gZXZlbnQudGFyZ2V0LnZhbHVlLnRvTG93ZXJDYXNlKCk7XHJcblxyXG4gICAgdGhpcy5maWx0ZXJlZE9wdGlvbnMgPSB0aGlzLm9wdGlvbnMhLmZpbHRlcigob3B0aW9uOiBJVHJ1VG9vbGJhckRyb3Bkb3duT3B0aW9uKSA9PiB7XHJcbiAgICAgIGNvbnN0IGxhYmVsID0gb3B0aW9uLmxhYmVsLnRvTG93ZXJDYXNlKCk7XHJcbiAgICAgIHJldHVybiBsYWJlbC5pbmNsdWRlcyhzZWFyY2hJbnB1dCk7XHJcbiAgICB9KTtcclxuICB9XHJcbn1cclxuIiwiPG1hdC1mb3JtLWZpZWxkPlxyXG4gIEBpZiAobXVsdGlwbGUpIHtcclxuICA8bWF0LXNlbGVjdCBbKG5nTW9kZWwpXT1cInNlbGVjdGVkT3B0aW9uXCJcclxuICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gICAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJ0b29sdGlwXCJcclxuICAgICAgICAgICAgICAoc2VsZWN0aW9uQ2hhbmdlKT1cIm9uU2VsZWN0aW9uQ2hhbmdlKCRldmVudClcIlxyXG4gICAgICAgICAgICAgIFtzdHlsZS53aWR0aC5weF09XCJ3aWR0aFwiXHJcbiAgICAgICAgICAgICAgdHJ1LW1hdC1zZWxlY3QtcGFuZWxcclxuICAgICAgICAgICAgICBtdWx0aXBsZT5cclxuICAgIDxpbnB1dCBtYXRJbnB1dFxyXG4gICAgICAgICAgICpuZ0lmPVwiZmlsdGVyYWJsZVwiXHJcbiAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cImZpbHRlclRvb2x0aXBcIlxyXG4gICAgICAgICAgIChpbnB1dCk9XCJvbkZpbHRlckNoYW5nZSgkZXZlbnQpXCJcclxuICAgICAgICAgICB0eXBlPVwidGV4dFwiXHJcbiAgICAgICAgICAgYXV0b2NvbXBsZXRlPVwib2ZmXCIvPlxyXG4gICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBmaWx0ZXJlZE9wdGlvbnNcIiBbdmFsdWVdPVwib3B0aW9uXCI+XHJcbiAgICAgIHt7b3B0aW9uLmxhYmVsfX1cclxuICAgIDwvbWF0LW9wdGlvbj5cclxuICA8L21hdC1zZWxlY3Q+XHJcbiAgfSBAZWxzZSB7XHJcbiAgPG1hdC1zZWxlY3QgWyhuZ01vZGVsKV09XCJzZWxlY3RlZE9wdGlvblwiXHJcbiAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICAgICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwidG9vbHRpcFwiXHJcbiAgICAgICAgICAgICAgKHNlbGVjdGlvbkNoYW5nZSk9XCJvblNlbGVjdGlvbkNoYW5nZSgkZXZlbnQpXCJcclxuICAgICAgICAgICAgICBbc3R5bGUud2lkdGgucHhdPVwid2lkdGhcIlxyXG4gICAgICAgICAgICAgIFtoaWRlU2luZ2xlU2VsZWN0aW9uSW5kaWNhdG9yXT1cInRydWVcIlxyXG4gICAgICAgICAgICAgIHRydS1tYXQtc2VsZWN0LXBhbmVsPlxyXG4gICAgPGlucHV0IG1hdElucHV0XHJcbiAgICAgICAgICAgKm5nSWY9XCJmaWx0ZXJhYmxlXCJcclxuICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwiZmlsdGVyVG9vbHRpcFwiXHJcbiAgICAgICAgICAgKGlucHV0KT1cIm9uRmlsdGVyQ2hhbmdlKCRldmVudClcIlxyXG4gICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcclxuICAgICAgICAgICBhdXRvY29tcGxldGU9XCJvZmZcIiAvPlxyXG4gICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBmaWx0ZXJlZE9wdGlvbnNcIiBbdmFsdWVdPVwib3B0aW9uXCI+XHJcbiAgICAgIHt7b3B0aW9uLmxhYmVsfX1cclxuICAgIDwvbWF0LW9wdGlvbj5cclxuICA8L21hdC1zZWxlY3Q+XHJcbiAgfVxyXG48L21hdC1mb3JtLWZpZWxkPlxyXG5cclxuIl19
|
|
@@ -3996,11 +3996,11 @@ class TruToolbarDropdown {
|
|
|
3996
3996
|
});
|
|
3997
3997
|
};
|
|
3998
3998
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TruToolbarDropdown, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3999
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: TruToolbarDropdown, selector: "tru-toolbar-dropdown", inputs: { config: "config", options: "options", tooltip: "tooltip", multiple: "multiple", filterable: "filterable", filterTooltip: "filterTooltip", width: "width", selectedOption: "selectedOption", disabled: "disabled" }, outputs: { selectedOptionChange: "selectedOptionChange", selectionChange: "selectionChange" }, usesOnChanges: true, ngImport: i0, template: "<mat-form-field>\r\n @if (multiple) {\r\n <mat-select [(ngModel)]=\"selectedOption\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"tooltip\"\r\n (selectionChange)=\"onSelectionChange($event)\"\r\n [style.width.px]=\"width\"\r\n tru-mat-select-panel\r\n multiple>\r\n <input matInput\r\n *ngIf=\"filterable\"\r\n [placeholder]=\"filterTooltip\"\r\n (input)=\"onFilterChange($event)\"\r\n type=\"text\"\r\n autocomplete=\"off\"/>\r\n <mat-option *ngFor=\"let option of filteredOptions\" [value]=\"option\">\r\n {{option.label}}\r\n </mat-option>\r\n </mat-select>\r\n } @else {\r\n <mat-select [(ngModel)]=\"selectedOption\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"tooltip\"\r\n (selectionChange)=\"onSelectionChange($event)\"\r\n [style.width.px]=\"width\"\r\n tru-mat-select-panel>\r\n <input matInput\r\n *ngIf=\"filterable\"\r\n [placeholder]=\"filterTooltip\"\r\n (input)=\"onFilterChange($event)\"\r\n type=\"text\"\r\n autocomplete=\"off\" />\r\n <mat-option *ngFor=\"let option of filteredOptions\" [value]=\"option\">\r\n {{option.label}}\r\n </mat-option>\r\n </mat-select>\r\n }\r\n</mat-form-field>\r\n\r\n", styles: [".toolbar{height:25px}.toolbar p{font-size:12px}.toolbar .toolbar-btn{height:26px}.toolbar .mat-mdc-form-field{display:block;height:25px;width:auto}.toolbar .mat-mdc-text-field-wrapper{margin-top:1px;height:23px}.toolbar .mat-mdc-form-field-infix{padding:0;border-top:0;width:auto;height:25px}.mat-mdc-option{height:25px;font-size:14px}.toolbar .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix .toolbar .mat-mdc-select-arrow-wrapper{padding:0!important}.toolbar .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix{padding:0!important}.toolbar .mat-mdc-select-arrow{padding-left:5px}.toolbar .mat-mdc-select-value-text{font-size:12px}.toolbar-group,.toolbar-group-vertical{position:relative;display:flex;vertical-align:middle;height:25px}.toolbar-group>.toolbar-btn,.toolbar-group-vertical>.toolbar-btn{position:relative;float:left}.toolbar-group>.toolbar-btn:hover,.toolbar-group-vertical>.toolbar-btn:hover,.toolbar-group>.toolbar-btn:focus,.toolbar-group-vertical>.toolbar-btn:focus,.toolbar-group>.toolbar-btn:active,.toolbar-group-vertical>.toolbar-btn:active,.toolbar-group>.toolbar-btn.active,.toolbar-group-vertical>.toolbar-btn.active{z-index:2}.toolbar-group .toolbar-btn+.toolbar-btn,.toolbar-group .toolbar-btn+.toolbar-group,.toolbar-group .toolbar-group+.toolbar-btn,.toolbar-group .toolbar-group+.toolbar-group{margin-left:-1px}.toolbar-group>.toolbar-btn:not(:first-child):not(:last-child){border-radius:0}.toolbar-group>.toolbar-btn:first-child{margin-left:0}.toolbar-group>.toolbar-btn:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.toolbar-group>.toolbar-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.toolbar-group>.toolbar-btn{padding:1px 5px;font-size:12px;line-height:1;border-radius:0}.toolbar-group .btn_iconOnly{padding:0;margin:0}.toolbar-group .btn_iconOnly i{vertical-align:15%}.toolbar-group div{padding:0;margin:0}.toolbar-group button{padding:0!important}.toolbar-group span,.toolbar-group i{padding:0;margin:0}.toolbar-group button{vertical-align:top}::ng-deep .toolbar .mat-mdc-option{min-height:unset;height:35px}::ng-deep .toolbar input::placeholder{font-size:12px;opacity:.75}::ng-deep .toolbar .mat-mdc-select-placeholder{font-size:12px;opacity:.75}\n", ".toolbar .mat-mdc-select{width:auto;min-width:90px;padding-top:0!important;font-family:Calibri,Helvetica,Arial,sans-serif!important;background-color:#ebebeb;height:24px;margin-left:2px;margin-right:2px;padding-left:8px;padding-right:3px}.toolbar .mdc-line-ripple{display:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i10.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i1$3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: TruMatSelectPanel, selector: "[tru-mat-select-panel]" }], encapsulation: i0.ViewEncapsulation.None });
|
|
3999
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: TruToolbarDropdown, selector: "tru-toolbar-dropdown", inputs: { config: "config", options: "options", tooltip: "tooltip", multiple: "multiple", filterable: "filterable", filterTooltip: "filterTooltip", width: "width", selectedOption: "selectedOption", disabled: "disabled" }, outputs: { selectedOptionChange: "selectedOptionChange", selectionChange: "selectionChange" }, usesOnChanges: true, ngImport: i0, template: "<mat-form-field>\r\n @if (multiple) {\r\n <mat-select [(ngModel)]=\"selectedOption\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"tooltip\"\r\n (selectionChange)=\"onSelectionChange($event)\"\r\n [style.width.px]=\"width\"\r\n tru-mat-select-panel\r\n multiple>\r\n <input matInput\r\n *ngIf=\"filterable\"\r\n [placeholder]=\"filterTooltip\"\r\n (input)=\"onFilterChange($event)\"\r\n type=\"text\"\r\n autocomplete=\"off\"/>\r\n <mat-option *ngFor=\"let option of filteredOptions\" [value]=\"option\">\r\n {{option.label}}\r\n </mat-option>\r\n </mat-select>\r\n } @else {\r\n <mat-select [(ngModel)]=\"selectedOption\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"tooltip\"\r\n (selectionChange)=\"onSelectionChange($event)\"\r\n [style.width.px]=\"width\"\r\n [hideSingleSelectionIndicator]=\"true\"\r\n tru-mat-select-panel>\r\n <input matInput\r\n *ngIf=\"filterable\"\r\n [placeholder]=\"filterTooltip\"\r\n (input)=\"onFilterChange($event)\"\r\n type=\"text\"\r\n autocomplete=\"off\" />\r\n <mat-option *ngFor=\"let option of filteredOptions\" [value]=\"option\">\r\n {{option.label}}\r\n </mat-option>\r\n </mat-select>\r\n }\r\n</mat-form-field>\r\n\r\n", styles: [".toolbar{height:25px}.toolbar p{font-size:12px}.toolbar .toolbar-btn{height:26px}.toolbar .mat-mdc-form-field{display:block;height:25px;width:auto}.toolbar .mat-mdc-text-field-wrapper{margin-top:1px;height:23px}.toolbar .mat-mdc-form-field-infix{padding:0;border-top:0;width:auto;height:25px}.mat-mdc-option{height:25px;font-size:14px}.toolbar .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix .toolbar .mat-mdc-select-arrow-wrapper{padding:0!important}.toolbar .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix{padding:0!important}.toolbar .mat-mdc-select-arrow{padding-left:5px}.toolbar .mat-mdc-select-value-text{font-size:12px}.toolbar-group,.toolbar-group-vertical{position:relative;display:flex;vertical-align:middle;height:25px}.toolbar-group>.toolbar-btn,.toolbar-group-vertical>.toolbar-btn{position:relative;float:left}.toolbar-group>.toolbar-btn:hover,.toolbar-group-vertical>.toolbar-btn:hover,.toolbar-group>.toolbar-btn:focus,.toolbar-group-vertical>.toolbar-btn:focus,.toolbar-group>.toolbar-btn:active,.toolbar-group-vertical>.toolbar-btn:active,.toolbar-group>.toolbar-btn.active,.toolbar-group-vertical>.toolbar-btn.active{z-index:2}.toolbar-group .toolbar-btn+.toolbar-btn,.toolbar-group .toolbar-btn+.toolbar-group,.toolbar-group .toolbar-group+.toolbar-btn,.toolbar-group .toolbar-group+.toolbar-group{margin-left:-1px}.toolbar-group>.toolbar-btn:not(:first-child):not(:last-child){border-radius:0}.toolbar-group>.toolbar-btn:first-child{margin-left:0}.toolbar-group>.toolbar-btn:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.toolbar-group>.toolbar-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.toolbar-group>.toolbar-btn{padding:1px 5px;font-size:12px;line-height:1;border-radius:0}.toolbar-group .btn_iconOnly{padding:0;margin:0}.toolbar-group .btn_iconOnly i{vertical-align:15%}.toolbar-group div{padding:0;margin:0}.toolbar-group button{padding:0!important}.toolbar-group span,.toolbar-group i{padding:0;margin:0}.toolbar-group button{vertical-align:top}::ng-deep .toolbar .mat-mdc-option{min-height:unset;height:35px}::ng-deep .toolbar input::placeholder{font-size:12px;opacity:.75}::ng-deep .toolbar .mat-mdc-select-placeholder{font-size:12px;opacity:.75}\n", ".toolbar .mat-mdc-select{width:auto;min-width:90px;padding-top:0!important;font-family:Calibri,Helvetica,Arial,sans-serif!important;background-color:#ebebeb;height:24px;margin-left:2px;margin-right:2px;padding-left:8px;padding-right:3px}.toolbar .mdc-line-ripple{display:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i10.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i1$3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: TruMatSelectPanel, selector: "[tru-mat-select-panel]" }], encapsulation: i0.ViewEncapsulation.None });
|
|
4000
4000
|
}
|
|
4001
4001
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TruToolbarDropdown, decorators: [{
|
|
4002
4002
|
type: Component,
|
|
4003
|
-
args: [{ selector: 'tru-toolbar-dropdown', encapsulation: ViewEncapsulation.None, template: "<mat-form-field>\r\n @if (multiple) {\r\n <mat-select [(ngModel)]=\"selectedOption\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"tooltip\"\r\n (selectionChange)=\"onSelectionChange($event)\"\r\n [style.width.px]=\"width\"\r\n tru-mat-select-panel\r\n multiple>\r\n <input matInput\r\n *ngIf=\"filterable\"\r\n [placeholder]=\"filterTooltip\"\r\n (input)=\"onFilterChange($event)\"\r\n type=\"text\"\r\n autocomplete=\"off\"/>\r\n <mat-option *ngFor=\"let option of filteredOptions\" [value]=\"option\">\r\n {{option.label}}\r\n </mat-option>\r\n </mat-select>\r\n } @else {\r\n <mat-select [(ngModel)]=\"selectedOption\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"tooltip\"\r\n (selectionChange)=\"onSelectionChange($event)\"\r\n [style.width.px]=\"width\"\r\n tru-mat-select-panel>\r\n <input matInput\r\n *ngIf=\"filterable\"\r\n [placeholder]=\"filterTooltip\"\r\n (input)=\"onFilterChange($event)\"\r\n type=\"text\"\r\n autocomplete=\"off\" />\r\n <mat-option *ngFor=\"let option of filteredOptions\" [value]=\"option\">\r\n {{option.label}}\r\n </mat-option>\r\n </mat-select>\r\n }\r\n</mat-form-field>\r\n\r\n", styles: [".toolbar{height:25px}.toolbar p{font-size:12px}.toolbar .toolbar-btn{height:26px}.toolbar .mat-mdc-form-field{display:block;height:25px;width:auto}.toolbar .mat-mdc-text-field-wrapper{margin-top:1px;height:23px}.toolbar .mat-mdc-form-field-infix{padding:0;border-top:0;width:auto;height:25px}.mat-mdc-option{height:25px;font-size:14px}.toolbar .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix .toolbar .mat-mdc-select-arrow-wrapper{padding:0!important}.toolbar .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix{padding:0!important}.toolbar .mat-mdc-select-arrow{padding-left:5px}.toolbar .mat-mdc-select-value-text{font-size:12px}.toolbar-group,.toolbar-group-vertical{position:relative;display:flex;vertical-align:middle;height:25px}.toolbar-group>.toolbar-btn,.toolbar-group-vertical>.toolbar-btn{position:relative;float:left}.toolbar-group>.toolbar-btn:hover,.toolbar-group-vertical>.toolbar-btn:hover,.toolbar-group>.toolbar-btn:focus,.toolbar-group-vertical>.toolbar-btn:focus,.toolbar-group>.toolbar-btn:active,.toolbar-group-vertical>.toolbar-btn:active,.toolbar-group>.toolbar-btn.active,.toolbar-group-vertical>.toolbar-btn.active{z-index:2}.toolbar-group .toolbar-btn+.toolbar-btn,.toolbar-group .toolbar-btn+.toolbar-group,.toolbar-group .toolbar-group+.toolbar-btn,.toolbar-group .toolbar-group+.toolbar-group{margin-left:-1px}.toolbar-group>.toolbar-btn:not(:first-child):not(:last-child){border-radius:0}.toolbar-group>.toolbar-btn:first-child{margin-left:0}.toolbar-group>.toolbar-btn:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.toolbar-group>.toolbar-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.toolbar-group>.toolbar-btn{padding:1px 5px;font-size:12px;line-height:1;border-radius:0}.toolbar-group .btn_iconOnly{padding:0;margin:0}.toolbar-group .btn_iconOnly i{vertical-align:15%}.toolbar-group div{padding:0;margin:0}.toolbar-group button{padding:0!important}.toolbar-group span,.toolbar-group i{padding:0;margin:0}.toolbar-group button{vertical-align:top}::ng-deep .toolbar .mat-mdc-option{min-height:unset;height:35px}::ng-deep .toolbar input::placeholder{font-size:12px;opacity:.75}::ng-deep .toolbar .mat-mdc-select-placeholder{font-size:12px;opacity:.75}\n", ".toolbar .mat-mdc-select{width:auto;min-width:90px;padding-top:0!important;font-family:Calibri,Helvetica,Arial,sans-serif!important;background-color:#ebebeb;height:24px;margin-left:2px;margin-right:2px;padding-left:8px;padding-right:3px}.toolbar .mdc-line-ripple{display:none}\n"] }]
|
|
4003
|
+
args: [{ selector: 'tru-toolbar-dropdown', encapsulation: ViewEncapsulation.None, template: "<mat-form-field>\r\n @if (multiple) {\r\n <mat-select [(ngModel)]=\"selectedOption\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"tooltip\"\r\n (selectionChange)=\"onSelectionChange($event)\"\r\n [style.width.px]=\"width\"\r\n tru-mat-select-panel\r\n multiple>\r\n <input matInput\r\n *ngIf=\"filterable\"\r\n [placeholder]=\"filterTooltip\"\r\n (input)=\"onFilterChange($event)\"\r\n type=\"text\"\r\n autocomplete=\"off\"/>\r\n <mat-option *ngFor=\"let option of filteredOptions\" [value]=\"option\">\r\n {{option.label}}\r\n </mat-option>\r\n </mat-select>\r\n } @else {\r\n <mat-select [(ngModel)]=\"selectedOption\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"tooltip\"\r\n (selectionChange)=\"onSelectionChange($event)\"\r\n [style.width.px]=\"width\"\r\n [hideSingleSelectionIndicator]=\"true\"\r\n tru-mat-select-panel>\r\n <input matInput\r\n *ngIf=\"filterable\"\r\n [placeholder]=\"filterTooltip\"\r\n (input)=\"onFilterChange($event)\"\r\n type=\"text\"\r\n autocomplete=\"off\" />\r\n <mat-option *ngFor=\"let option of filteredOptions\" [value]=\"option\">\r\n {{option.label}}\r\n </mat-option>\r\n </mat-select>\r\n }\r\n</mat-form-field>\r\n\r\n", styles: [".toolbar{height:25px}.toolbar p{font-size:12px}.toolbar .toolbar-btn{height:26px}.toolbar .mat-mdc-form-field{display:block;height:25px;width:auto}.toolbar .mat-mdc-text-field-wrapper{margin-top:1px;height:23px}.toolbar .mat-mdc-form-field-infix{padding:0;border-top:0;width:auto;height:25px}.mat-mdc-option{height:25px;font-size:14px}.toolbar .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix .toolbar .mat-mdc-select-arrow-wrapper{padding:0!important}.toolbar .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix{padding:0!important}.toolbar .mat-mdc-select-arrow{padding-left:5px}.toolbar .mat-mdc-select-value-text{font-size:12px}.toolbar-group,.toolbar-group-vertical{position:relative;display:flex;vertical-align:middle;height:25px}.toolbar-group>.toolbar-btn,.toolbar-group-vertical>.toolbar-btn{position:relative;float:left}.toolbar-group>.toolbar-btn:hover,.toolbar-group-vertical>.toolbar-btn:hover,.toolbar-group>.toolbar-btn:focus,.toolbar-group-vertical>.toolbar-btn:focus,.toolbar-group>.toolbar-btn:active,.toolbar-group-vertical>.toolbar-btn:active,.toolbar-group>.toolbar-btn.active,.toolbar-group-vertical>.toolbar-btn.active{z-index:2}.toolbar-group .toolbar-btn+.toolbar-btn,.toolbar-group .toolbar-btn+.toolbar-group,.toolbar-group .toolbar-group+.toolbar-btn,.toolbar-group .toolbar-group+.toolbar-group{margin-left:-1px}.toolbar-group>.toolbar-btn:not(:first-child):not(:last-child){border-radius:0}.toolbar-group>.toolbar-btn:first-child{margin-left:0}.toolbar-group>.toolbar-btn:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.toolbar-group>.toolbar-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.toolbar-group>.toolbar-btn{padding:1px 5px;font-size:12px;line-height:1;border-radius:0}.toolbar-group .btn_iconOnly{padding:0;margin:0}.toolbar-group .btn_iconOnly i{vertical-align:15%}.toolbar-group div{padding:0;margin:0}.toolbar-group button{padding:0!important}.toolbar-group span,.toolbar-group i{padding:0;margin:0}.toolbar-group button{vertical-align:top}::ng-deep .toolbar .mat-mdc-option{min-height:unset;height:35px}::ng-deep .toolbar input::placeholder{font-size:12px;opacity:.75}::ng-deep .toolbar .mat-mdc-select-placeholder{font-size:12px;opacity:.75}\n", ".toolbar .mat-mdc-select{width:auto;min-width:90px;padding-top:0!important;font-family:Calibri,Helvetica,Arial,sans-serif!important;background-color:#ebebeb;height:24px;margin-left:2px;margin-right:2px;padding-left:8px;padding-right:3px}.toolbar .mdc-line-ripple{display:none}\n"] }]
|
|
4004
4004
|
}], ctorParameters: () => [], propDecorators: { config: [{
|
|
4005
4005
|
type: Input
|
|
4006
4006
|
}], options: [{
|
|
@@ -4583,11 +4583,11 @@ class TruCardColumn {
|
|
|
4583
4583
|
//scope.config.onSelectionChanged(selectedCards);
|
|
4584
4584
|
};
|
|
4585
4585
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TruCardColumn, deps: [{ token: TruDataContext }, { token: TruModelTypeLookup }, { token: TruSearchViewEventHandler }, { token: TruSearchResultViewManager }], target: i0.ɵɵFactoryTarget.Component });
|
|
4586
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: TruCardColumn, selector: "tru-card-column", inputs: { config: "config", name: "name" }, viewQueries: [{ propertyName: "portal", first: true, predicate: ["cardPortal"], descendants: true }], ngImport: i0, template: "<div class=\"tru-card\">\r\n <div *ngIf=\"isBusy\"\r\n class=\"tru-card-busy-indicator\">\r\n <p>{{busyMessage}}</p>\r\n </div>\r\n <tru-toolbar>\r\n <ng-container *ngTemplateOutlet=\"parentToolbarTemplate\"></ng-container>\r\n <tru-toolbar-separator></tru-toolbar-separator>\r\n <tru-toolbar-dropdown\r\n [tooltip]=\"columnFilterTooltip\"\r\n (selectionChange)=\"filterColumns($event)\"\r\n [options]=\"columnFilterChoices\"\r\n [multiple]=\"true\"\r\n [filterable]=\"true\"\r\n [filterTooltip]=\"columnDropdownFilterTooltip\"\r\n [width]=\"150\">\r\n </tru-toolbar-dropdown>\r\n <tru-toolbar-textbox\r\n [tooltip]=\"cardFilterTooltip\"\r\n (valueChange)=\"filterCards($event)\"\r\n [width]=\"150\">\r\n </tru-toolbar-textbox>\r\n <tru-toolbar-separator *ngIf=\"viewMenuItems.length\"></tru-toolbar-separator>\r\n <div *ngIf=\"viewMenuItems.length\">\r\n <tru-toolbar-menu *ngFor=\"let viewMenuItem of viewMenuItems\" [config]=\"viewMenuItem\"></tru-toolbar-menu>\r\n </div>\r\n </tru-toolbar>\r\n <div class=\"tru-card-portal\" #cardPortal>\r\n <div [ngStyle]=\"{'width': ((config.width * lockedColumns.length) + (10 * lockedColumns.length - 1)) + 'px' }\"\r\n [ngClass]=\"{'tru-card-portal-locked-columns-divider': lockedColumns.length}\"\r\n *ngIf=\"lockedColumns.length\"\r\n class=\"tru-card-portal-locked-columns locked-columns\">\r\n </div>\r\n <div [ngStyle]=\"{'left': lockedColumns.length ? ((config.width * lockedColumns.length) + (10 * lockedColumns.length - 1) + 22) + 'px' : 0 }\"\r\n class=\"tru-card-portal-columns unlocked-columns\">\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["::ng-deep .tru-card-busy-indicator{position:absolute;inset:25px 0 0;z-index:10000;background-color:transparent}::ng-deep .tru-card-busy-indicator p{position:relative;float:left;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}::ng-deep .tru-card-filter{position:absolute;top:0;left:0;right:0;height:30px;line-height:30px;padding-left:10px}::ng-deep .tru-card-portal{position:absolute;inset:30px 10px 10px;border:1px solid #ddd;padding:10px;background-color:#0079bf}::ng-deep .tru-card-portal-disabled>*{opacity:.75;pointer-events:none}::ng-deep .tru-card-portal-locked-columns{position:absolute;top:10px;left:0;bottom:0;padding:0 5px 10px 10px;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start}::ng-deep .tru-card-portal-locked-columns .tru-card-portal-column{margin-left:0;margin-bottom:0}::ng-deep .tru-card-portal-locked-columns .tru-card-portal-column:not(:first-child){margin-left:10px!important}::ng-deep .tru-card-portal-locked-columns-divider{border-right:1px solid #cdd2d4}::ng-deep .tru-card-portal-columns{position:absolute;inset:10px 10px 0 222px;padding-top:0;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;overflow-x:auto;overflow-y:hidden}::ng-deep .tru-card-portal-column{position:relative;border:1px solid #ddd;border-radius:4px;background:#e2e4e6;vertical-align:top;max-height:calc(100% - 10px);margin-left:10px;margin-bottom:10px;display:flex;flex-direction:column}::ng-deep .tru-card-portal-column-inactive *{font-style:italic;opacity:.7}::ng-deep .tru-card-portal-column-header{flex:0 0 auto;padding:5px;position:relative;min-height:18px}::ng-deep .tru-card-portal-column-header-extras{position:absolute;right:5px;top:4px}::ng-deep .tru-card-portal-column-header-extra-button{border-radius:3px;background:transparent}::ng-deep .tru-card-portal-column-header-extra-button:hover{border-radius:3px;background:#cdd2d4}::ng-deep .tru-card-portal-column-footer{flex:0 0 auto;padding:0 3px 3px;position:relative;height:25px;line-height:25px;display:none}::ng-deep .tru-card-portal-column-footer-text{font-size:14px;color:#777;padding-left:5px;text-decoration:none}::ng-deep .tru-card-portal-column-footer-text:hover{text-decoration:underline;color:#777}::ng-deep .tru-card-portal-column-footer-text:active,::ng-deep .tru-card-portal-column-footer-text:visited{color:#777}::ng-deep .tru-card-icon-small{color:#999;height:18px;font-size:14px;line-height:18px;width:19px;-webkit-font-smoothing:antialiased;display:inline-block!important;font-style:normal;font-weight:400;text-align:center;text-decoration:none;position:relative}::ng-deep .tru-card-portal-column-headertext{font-weight:700;font-size:16px;color:#333;padding-left:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:20px;cursor:pointer}::ng-deep .tru-card-portal-column-headertext-hover:hover{text-decoration:underline}::ng-deep .tru-card-portal-card-scroll-port{overflow-y:auto;overflow-x:hidden}::ng-deep .tru-card-portal-card-container{margin:0 3px;padding:0 2px;height:30px;transition:all .4s ease-out;opacity:1}::ng-deep .tru-card-portal-card-container.show{opacity:1}::ng-deep .tru-card-portal-card-container *{pointer-events:none}::ng-deep .tru-card-portal-card{background-color:#fff;border:1px solid #fff;border-radius:3px;padding:2px 6px 2px 8px;position:relative;cursor:pointer;display:block;min-height:15px;text-decoration:none;z-index:0;outline:none;box-shadow:0 .5px #ccc}::ng-deep .tru-card-portal-card:hover{background-color:#efefef;border:1px solid #efefef}::ng-deep .tru-card-portal-card p{font-size:12px;word-wrap:break-word}::ng-deep .tru-card-portal-card:focus{outline:none}::ng-deep .tru-card-portal-card.empty{border:1px dashed #999}::ng-deep .tru-card-placeholder{position:absolute;left:0;right:0;margin:0;z-index:100;border-color:#0079bf;border-top-style:dashed;border-bottom-style:dashed}::ng-deep .tru-card-selected{border-color:#52a8eccc!important;background-color:#52a8eccc!important}::ng-deep .tru-card-selected p{color:#000!important;font-size:12px}::ng-deep .tru-card-menu{position:absolute;top:20px;right:0;background:#fff;border:1px #ccc solid;border-radius:3px;z-index:1;padding:7px;width:200px}::ng-deep .tru-card-menu hr{height:1px;border:1px #ccc solid;border-bottom:0;border-left:0;border-right:0;width:100%;margin:0;padding:0}::ng-deep .tru-card-menu a{color:#777;text-decoration:none;float:left;line-height:16px;margin-top:2px;margin-bottom:2px}::ng-deep .tru-card-menu span{color:#777;float:left;line-height:16px;margin-top:3px}::ng-deep .tru-card-menu a:hover{text-decoration:underline;color:#777}::ng-deep .tru-card-menu a:active,::ng-deep .tru-card-menu a:visited{color:#777}::ng-deep .tru-card-menu-move-container{width:100%!important;display:inline-flex}::ng-deep .tru-card-menu-move-container select{width:100%!important}::ng-deep .tru-card-menu-move-container a{margin-top:1px;margin-left:3px;display:block}::ng-deep .tru-card-menu-move-container span{color:#0079bf;margin-top:0}::ng-deep .tru-card-menu-move-container .move-button-disabled{pointer-events:none;opacity:.75}::ng-deep .tru-card-menu-move-container .move-button-disabled span{color:#ccc}::ng-deep .tru-card-portal-column-filtered{display:none}::ng-deep .tru-card-portal-card-filtered{display:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: TruToolbar, selector: "tru-toolbar", inputs: ["config"] }, { kind: "component", type: TruToolbarMenu, selector: "tru-toolbar-menu", inputs: ["config"] }, { kind: "component", type: TruToolbarDropdown, selector: "tru-toolbar-dropdown", inputs: ["config", "options", "tooltip", "multiple", "filterable", "filterTooltip", "width", "selectedOption", "disabled"], outputs: ["selectedOptionChange", "selectionChange"] }, { kind: "component", type: TruToolbarSeparator, selector: "tru-toolbar-separator" }, { kind: "component", type: TruToolbarTextbox, selector: "tru-toolbar-textbox", inputs: ["config", "tooltip", "value", "width"], outputs: ["valueChange"] }] });
|
|
4586
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: TruCardColumn, selector: "tru-card-column", inputs: { config: "config", name: "name" }, viewQueries: [{ propertyName: "portal", first: true, predicate: ["cardPortal"], descendants: true }], ngImport: i0, template: "<div class=\"tru-card\">\r\n <div *ngIf=\"isBusy\"\r\n class=\"tru-card-busy-indicator\">\r\n <p>{{busyMessage}}</p>\r\n </div>\r\n <tru-toolbar>\r\n <ng-container *ngTemplateOutlet=\"parentToolbarTemplate\"></ng-container>\r\n <tru-toolbar-separator></tru-toolbar-separator>\r\n <tru-toolbar-dropdown\r\n [tooltip]=\"columnFilterTooltip\"\r\n (selectionChange)=\"filterColumns($event)\"\r\n [options]=\"columnFilterChoices\"\r\n [multiple]=\"true\"\r\n [filterable]=\"true\"\r\n [filterTooltip]=\"columnDropdownFilterTooltip\"\r\n [width]=\"150\">\r\n </tru-toolbar-dropdown>\r\n <tru-toolbar-textbox\r\n [tooltip]=\"cardFilterTooltip\"\r\n (valueChange)=\"filterCards($event)\"\r\n [width]=\"150\">\r\n </tru-toolbar-textbox>\r\n <tru-toolbar-separator *ngIf=\"viewMenuItems.length\"></tru-toolbar-separator>\r\n <div *ngIf=\"viewMenuItems.length\">\r\n <tru-toolbar-menu *ngFor=\"let viewMenuItem of viewMenuItems\" [config]=\"viewMenuItem\"></tru-toolbar-menu>\r\n </div>\r\n </tru-toolbar>\r\n <div class=\"tru-card-portal\" #cardPortal>\r\n <div [ngStyle]=\"{'width': ((config.width * lockedColumns.length) + (10 * lockedColumns.length - 1)) + 'px' }\"\r\n [ngClass]=\"{'tru-card-portal-locked-columns-divider': lockedColumns.length}\"\r\n *ngIf=\"lockedColumns.length\"\r\n class=\"tru-card-portal-locked-columns locked-columns\">\r\n </div>\r\n <div [ngStyle]=\"{'left': lockedColumns.length ? ((config.width * lockedColumns.length) + (10 * lockedColumns.length - 1) + 22) + 'px' : 0 }\"\r\n class=\"tru-card-portal-columns unlocked-columns\">\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["::ng-deep .tru-card-busy-indicator{position:absolute;inset:25px 0 0;z-index:10000;background-color:transparent}::ng-deep .tru-card-busy-indicator p{position:relative;float:left;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}::ng-deep .tru-card-filter{position:absolute;top:0;left:0;right:0;height:30px;line-height:30px;padding-left:10px}::ng-deep .tru-card-portal{position:absolute;inset:30px 10px 10px;border:1px solid #ddd;padding:10px;background-color:#0079bf}::ng-deep .tru-card-portal-disabled>*{opacity:.75;pointer-events:none}::ng-deep .tru-card-portal-locked-columns{position:absolute;top:10px;left:0;bottom:0;padding:0 5px 10px 10px;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start}::ng-deep .tru-card-portal-locked-columns .tru-card-portal-column{margin-left:0;margin-bottom:0}::ng-deep .tru-card-portal-locked-columns .tru-card-portal-column:not(:first-child){margin-left:10px!important}::ng-deep .tru-card-portal-locked-columns-divider{border-right:1px solid #cdd2d4}::ng-deep .tru-card-portal-columns{position:absolute;inset:10px 10px 0 222px;padding-top:0;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;overflow-x:auto;overflow-y:hidden}::ng-deep .tru-card-portal-column{position:relative;border:1px solid #ddd;border-radius:4px;background:#e2e4e6;vertical-align:top;max-height:calc(100% - 10px);margin-left:10px;margin-bottom:10px;display:flex;flex-direction:column}::ng-deep .tru-card-portal-column-inactive *{font-style:italic;opacity:.7}::ng-deep .tru-card-portal-column-header{flex:0 0 auto;padding:5px;position:relative;min-height:18px}::ng-deep .tru-card-portal-column-header-extras{position:absolute;right:5px;top:4px}::ng-deep .tru-card-portal-column-header-extra-button{border-radius:3px;background:transparent}::ng-deep .tru-card-portal-column-header-extra-button:hover{border-radius:3px;background:#cdd2d4}::ng-deep .tru-card-portal-column-header-extra-button input[type=checkbox]{height:14px;width:14px}::ng-deep .tru-card-portal-column-footer{flex:0 0 auto;padding:0 3px 3px;position:relative;height:25px;line-height:25px;display:none}::ng-deep .tru-card-portal-column-footer-text{font-size:14px;color:#777;padding-left:5px;text-decoration:none}::ng-deep .tru-card-portal-column-footer-text:hover{text-decoration:underline;color:#777}::ng-deep .tru-card-portal-column-footer-text:active,::ng-deep .tru-card-portal-column-footer-text:visited{color:#777}::ng-deep .tru-card-icon-small{color:#999;height:18px;font-size:14px;line-height:18px;width:19px;-webkit-font-smoothing:antialiased;display:inline-block!important;font-style:normal;font-weight:400;text-align:center;text-decoration:none;position:relative;width:14px;height:14px}::ng-deep .tru-card-portal-column-headertext{font-weight:700;font-size:16px;color:#333;padding-left:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:20px;cursor:pointer}::ng-deep .tru-card-portal-column-headertext-hover:hover{text-decoration:underline}::ng-deep .tru-card-portal-card-scroll-port{overflow-y:auto;overflow-x:hidden}::ng-deep .tru-card-portal-card-container{margin:0 3px;padding:0 2px;height:30px;transition:all .4s ease-out;opacity:1}::ng-deep .tru-card-portal-card-container.show{opacity:1}::ng-deep .tru-card-portal-card-container *{pointer-events:none}::ng-deep .tru-card-portal-card{background-color:#fff;border:1px solid #fff;border-radius:3px;padding:2px 6px 2px 8px;position:relative;cursor:pointer;display:block;min-height:15px;text-decoration:none;z-index:0;outline:none;box-shadow:0 .5px #ccc}::ng-deep .tru-card-portal-card:hover{background-color:#efefef;border:1px solid #efefef}::ng-deep .tru-card-portal-card p{font-size:12px;word-wrap:break-word}::ng-deep .tru-card-portal-card:focus{outline:none}::ng-deep .tru-card-portal-card.empty{border:1px dashed #999}::ng-deep .tru-card-placeholder{position:absolute;left:0;right:0;margin:0;z-index:100;border-color:#0079bf;border-top-style:dashed;border-bottom-style:dashed}::ng-deep .tru-card-selected{border-color:#52a8eccc!important;background-color:#52a8eccc!important}::ng-deep .tru-card-selected p{color:#000!important;font-size:12px}::ng-deep .tru-card-menu{position:absolute;top:20px;right:0;background:#fff;border:1px #ccc solid;border-radius:3px;z-index:1;padding:7px;width:200px}::ng-deep .tru-card-menu hr{height:1px;border:1px #ccc solid;border-bottom:0;border-left:0;border-right:0;width:100%;margin:0;padding:0}::ng-deep .tru-card-menu a{color:#777;text-decoration:none;float:left;line-height:16px;margin-top:2px;margin-bottom:2px}::ng-deep .tru-card-menu span{color:#777;float:left;line-height:16px;margin-top:3px}::ng-deep .tru-card-menu a:hover{text-decoration:underline;color:#777}::ng-deep .tru-card-menu a:active,::ng-deep .tru-card-menu a:visited{color:#777}::ng-deep .tru-card-menu-move-container{width:100%!important;display:inline-flex}::ng-deep .tru-card-menu-move-container select{width:100%!important}::ng-deep .tru-card-menu-move-container a{margin-top:1px;margin-left:3px;display:block}::ng-deep .tru-card-menu-move-container span{color:#0079bf;margin-top:0}::ng-deep .tru-card-menu-move-container .move-button-disabled{pointer-events:none;opacity:.75}::ng-deep .tru-card-menu-move-container .move-button-disabled span{color:#ccc}::ng-deep .tru-card-portal-column-filtered{display:none}::ng-deep .tru-card-portal-card-filtered{display:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: TruToolbar, selector: "tru-toolbar", inputs: ["config"] }, { kind: "component", type: TruToolbarMenu, selector: "tru-toolbar-menu", inputs: ["config"] }, { kind: "component", type: TruToolbarDropdown, selector: "tru-toolbar-dropdown", inputs: ["config", "options", "tooltip", "multiple", "filterable", "filterTooltip", "width", "selectedOption", "disabled"], outputs: ["selectedOptionChange", "selectionChange"] }, { kind: "component", type: TruToolbarSeparator, selector: "tru-toolbar-separator" }, { kind: "component", type: TruToolbarTextbox, selector: "tru-toolbar-textbox", inputs: ["config", "tooltip", "value", "width"], outputs: ["valueChange"] }] });
|
|
4587
4587
|
}
|
|
4588
4588
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TruCardColumn, decorators: [{
|
|
4589
4589
|
type: Component,
|
|
4590
|
-
args: [{ selector: 'tru-card-column', template: "<div class=\"tru-card\">\r\n <div *ngIf=\"isBusy\"\r\n class=\"tru-card-busy-indicator\">\r\n <p>{{busyMessage}}</p>\r\n </div>\r\n <tru-toolbar>\r\n <ng-container *ngTemplateOutlet=\"parentToolbarTemplate\"></ng-container>\r\n <tru-toolbar-separator></tru-toolbar-separator>\r\n <tru-toolbar-dropdown\r\n [tooltip]=\"columnFilterTooltip\"\r\n (selectionChange)=\"filterColumns($event)\"\r\n [options]=\"columnFilterChoices\"\r\n [multiple]=\"true\"\r\n [filterable]=\"true\"\r\n [filterTooltip]=\"columnDropdownFilterTooltip\"\r\n [width]=\"150\">\r\n </tru-toolbar-dropdown>\r\n <tru-toolbar-textbox\r\n [tooltip]=\"cardFilterTooltip\"\r\n (valueChange)=\"filterCards($event)\"\r\n [width]=\"150\">\r\n </tru-toolbar-textbox>\r\n <tru-toolbar-separator *ngIf=\"viewMenuItems.length\"></tru-toolbar-separator>\r\n <div *ngIf=\"viewMenuItems.length\">\r\n <tru-toolbar-menu *ngFor=\"let viewMenuItem of viewMenuItems\" [config]=\"viewMenuItem\"></tru-toolbar-menu>\r\n </div>\r\n </tru-toolbar>\r\n <div class=\"tru-card-portal\" #cardPortal>\r\n <div [ngStyle]=\"{'width': ((config.width * lockedColumns.length) + (10 * lockedColumns.length - 1)) + 'px' }\"\r\n [ngClass]=\"{'tru-card-portal-locked-columns-divider': lockedColumns.length}\"\r\n *ngIf=\"lockedColumns.length\"\r\n class=\"tru-card-portal-locked-columns locked-columns\">\r\n </div>\r\n <div [ngStyle]=\"{'left': lockedColumns.length ? ((config.width * lockedColumns.length) + (10 * lockedColumns.length - 1) + 22) + 'px' : 0 }\"\r\n class=\"tru-card-portal-columns unlocked-columns\">\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["::ng-deep .tru-card-busy-indicator{position:absolute;inset:25px 0 0;z-index:10000;background-color:transparent}::ng-deep .tru-card-busy-indicator p{position:relative;float:left;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}::ng-deep .tru-card-filter{position:absolute;top:0;left:0;right:0;height:30px;line-height:30px;padding-left:10px}::ng-deep .tru-card-portal{position:absolute;inset:30px 10px 10px;border:1px solid #ddd;padding:10px;background-color:#0079bf}::ng-deep .tru-card-portal-disabled>*{opacity:.75;pointer-events:none}::ng-deep .tru-card-portal-locked-columns{position:absolute;top:10px;left:0;bottom:0;padding:0 5px 10px 10px;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start}::ng-deep .tru-card-portal-locked-columns .tru-card-portal-column{margin-left:0;margin-bottom:0}::ng-deep .tru-card-portal-locked-columns .tru-card-portal-column:not(:first-child){margin-left:10px!important}::ng-deep .tru-card-portal-locked-columns-divider{border-right:1px solid #cdd2d4}::ng-deep .tru-card-portal-columns{position:absolute;inset:10px 10px 0 222px;padding-top:0;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;overflow-x:auto;overflow-y:hidden}::ng-deep .tru-card-portal-column{position:relative;border:1px solid #ddd;border-radius:4px;background:#e2e4e6;vertical-align:top;max-height:calc(100% - 10px);margin-left:10px;margin-bottom:10px;display:flex;flex-direction:column}::ng-deep .tru-card-portal-column-inactive *{font-style:italic;opacity:.7}::ng-deep .tru-card-portal-column-header{flex:0 0 auto;padding:5px;position:relative;min-height:18px}::ng-deep .tru-card-portal-column-header-extras{position:absolute;right:5px;top:4px}::ng-deep .tru-card-portal-column-header-extra-button{border-radius:3px;background:transparent}::ng-deep .tru-card-portal-column-header-extra-button:hover{border-radius:3px;background:#cdd2d4}::ng-deep .tru-card-portal-column-footer{flex:0 0 auto;padding:0 3px 3px;position:relative;height:25px;line-height:25px;display:none}::ng-deep .tru-card-portal-column-footer-text{font-size:14px;color:#777;padding-left:5px;text-decoration:none}::ng-deep .tru-card-portal-column-footer-text:hover{text-decoration:underline;color:#777}::ng-deep .tru-card-portal-column-footer-text:active,::ng-deep .tru-card-portal-column-footer-text:visited{color:#777}::ng-deep .tru-card-icon-small{color:#999;height:18px;font-size:14px;line-height:18px;width:19px;-webkit-font-smoothing:antialiased;display:inline-block!important;font-style:normal;font-weight:400;text-align:center;text-decoration:none;position:relative}::ng-deep .tru-card-portal-column-headertext{font-weight:700;font-size:16px;color:#333;padding-left:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:20px;cursor:pointer}::ng-deep .tru-card-portal-column-headertext-hover:hover{text-decoration:underline}::ng-deep .tru-card-portal-card-scroll-port{overflow-y:auto;overflow-x:hidden}::ng-deep .tru-card-portal-card-container{margin:0 3px;padding:0 2px;height:30px;transition:all .4s ease-out;opacity:1}::ng-deep .tru-card-portal-card-container.show{opacity:1}::ng-deep .tru-card-portal-card-container *{pointer-events:none}::ng-deep .tru-card-portal-card{background-color:#fff;border:1px solid #fff;border-radius:3px;padding:2px 6px 2px 8px;position:relative;cursor:pointer;display:block;min-height:15px;text-decoration:none;z-index:0;outline:none;box-shadow:0 .5px #ccc}::ng-deep .tru-card-portal-card:hover{background-color:#efefef;border:1px solid #efefef}::ng-deep .tru-card-portal-card p{font-size:12px;word-wrap:break-word}::ng-deep .tru-card-portal-card:focus{outline:none}::ng-deep .tru-card-portal-card.empty{border:1px dashed #999}::ng-deep .tru-card-placeholder{position:absolute;left:0;right:0;margin:0;z-index:100;border-color:#0079bf;border-top-style:dashed;border-bottom-style:dashed}::ng-deep .tru-card-selected{border-color:#52a8eccc!important;background-color:#52a8eccc!important}::ng-deep .tru-card-selected p{color:#000!important;font-size:12px}::ng-deep .tru-card-menu{position:absolute;top:20px;right:0;background:#fff;border:1px #ccc solid;border-radius:3px;z-index:1;padding:7px;width:200px}::ng-deep .tru-card-menu hr{height:1px;border:1px #ccc solid;border-bottom:0;border-left:0;border-right:0;width:100%;margin:0;padding:0}::ng-deep .tru-card-menu a{color:#777;text-decoration:none;float:left;line-height:16px;margin-top:2px;margin-bottom:2px}::ng-deep .tru-card-menu span{color:#777;float:left;line-height:16px;margin-top:3px}::ng-deep .tru-card-menu a:hover{text-decoration:underline;color:#777}::ng-deep .tru-card-menu a:active,::ng-deep .tru-card-menu a:visited{color:#777}::ng-deep .tru-card-menu-move-container{width:100%!important;display:inline-flex}::ng-deep .tru-card-menu-move-container select{width:100%!important}::ng-deep .tru-card-menu-move-container a{margin-top:1px;margin-left:3px;display:block}::ng-deep .tru-card-menu-move-container span{color:#0079bf;margin-top:0}::ng-deep .tru-card-menu-move-container .move-button-disabled{pointer-events:none;opacity:.75}::ng-deep .tru-card-menu-move-container .move-button-disabled span{color:#ccc}::ng-deep .tru-card-portal-column-filtered{display:none}::ng-deep .tru-card-portal-card-filtered{display:none}\n"] }]
|
|
4590
|
+
args: [{ selector: 'tru-card-column', template: "<div class=\"tru-card\">\r\n <div *ngIf=\"isBusy\"\r\n class=\"tru-card-busy-indicator\">\r\n <p>{{busyMessage}}</p>\r\n </div>\r\n <tru-toolbar>\r\n <ng-container *ngTemplateOutlet=\"parentToolbarTemplate\"></ng-container>\r\n <tru-toolbar-separator></tru-toolbar-separator>\r\n <tru-toolbar-dropdown\r\n [tooltip]=\"columnFilterTooltip\"\r\n (selectionChange)=\"filterColumns($event)\"\r\n [options]=\"columnFilterChoices\"\r\n [multiple]=\"true\"\r\n [filterable]=\"true\"\r\n [filterTooltip]=\"columnDropdownFilterTooltip\"\r\n [width]=\"150\">\r\n </tru-toolbar-dropdown>\r\n <tru-toolbar-textbox\r\n [tooltip]=\"cardFilterTooltip\"\r\n (valueChange)=\"filterCards($event)\"\r\n [width]=\"150\">\r\n </tru-toolbar-textbox>\r\n <tru-toolbar-separator *ngIf=\"viewMenuItems.length\"></tru-toolbar-separator>\r\n <div *ngIf=\"viewMenuItems.length\">\r\n <tru-toolbar-menu *ngFor=\"let viewMenuItem of viewMenuItems\" [config]=\"viewMenuItem\"></tru-toolbar-menu>\r\n </div>\r\n </tru-toolbar>\r\n <div class=\"tru-card-portal\" #cardPortal>\r\n <div [ngStyle]=\"{'width': ((config.width * lockedColumns.length) + (10 * lockedColumns.length - 1)) + 'px' }\"\r\n [ngClass]=\"{'tru-card-portal-locked-columns-divider': lockedColumns.length}\"\r\n *ngIf=\"lockedColumns.length\"\r\n class=\"tru-card-portal-locked-columns locked-columns\">\r\n </div>\r\n <div [ngStyle]=\"{'left': lockedColumns.length ? ((config.width * lockedColumns.length) + (10 * lockedColumns.length - 1) + 22) + 'px' : 0 }\"\r\n class=\"tru-card-portal-columns unlocked-columns\">\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["::ng-deep .tru-card-busy-indicator{position:absolute;inset:25px 0 0;z-index:10000;background-color:transparent}::ng-deep .tru-card-busy-indicator p{position:relative;float:left;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}::ng-deep .tru-card-filter{position:absolute;top:0;left:0;right:0;height:30px;line-height:30px;padding-left:10px}::ng-deep .tru-card-portal{position:absolute;inset:30px 10px 10px;border:1px solid #ddd;padding:10px;background-color:#0079bf}::ng-deep .tru-card-portal-disabled>*{opacity:.75;pointer-events:none}::ng-deep .tru-card-portal-locked-columns{position:absolute;top:10px;left:0;bottom:0;padding:0 5px 10px 10px;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start}::ng-deep .tru-card-portal-locked-columns .tru-card-portal-column{margin-left:0;margin-bottom:0}::ng-deep .tru-card-portal-locked-columns .tru-card-portal-column:not(:first-child){margin-left:10px!important}::ng-deep .tru-card-portal-locked-columns-divider{border-right:1px solid #cdd2d4}::ng-deep .tru-card-portal-columns{position:absolute;inset:10px 10px 0 222px;padding-top:0;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;overflow-x:auto;overflow-y:hidden}::ng-deep .tru-card-portal-column{position:relative;border:1px solid #ddd;border-radius:4px;background:#e2e4e6;vertical-align:top;max-height:calc(100% - 10px);margin-left:10px;margin-bottom:10px;display:flex;flex-direction:column}::ng-deep .tru-card-portal-column-inactive *{font-style:italic;opacity:.7}::ng-deep .tru-card-portal-column-header{flex:0 0 auto;padding:5px;position:relative;min-height:18px}::ng-deep .tru-card-portal-column-header-extras{position:absolute;right:5px;top:4px}::ng-deep .tru-card-portal-column-header-extra-button{border-radius:3px;background:transparent}::ng-deep .tru-card-portal-column-header-extra-button:hover{border-radius:3px;background:#cdd2d4}::ng-deep .tru-card-portal-column-header-extra-button input[type=checkbox]{height:14px;width:14px}::ng-deep .tru-card-portal-column-footer{flex:0 0 auto;padding:0 3px 3px;position:relative;height:25px;line-height:25px;display:none}::ng-deep .tru-card-portal-column-footer-text{font-size:14px;color:#777;padding-left:5px;text-decoration:none}::ng-deep .tru-card-portal-column-footer-text:hover{text-decoration:underline;color:#777}::ng-deep .tru-card-portal-column-footer-text:active,::ng-deep .tru-card-portal-column-footer-text:visited{color:#777}::ng-deep .tru-card-icon-small{color:#999;height:18px;font-size:14px;line-height:18px;width:19px;-webkit-font-smoothing:antialiased;display:inline-block!important;font-style:normal;font-weight:400;text-align:center;text-decoration:none;position:relative;width:14px;height:14px}::ng-deep .tru-card-portal-column-headertext{font-weight:700;font-size:16px;color:#333;padding-left:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:20px;cursor:pointer}::ng-deep .tru-card-portal-column-headertext-hover:hover{text-decoration:underline}::ng-deep .tru-card-portal-card-scroll-port{overflow-y:auto;overflow-x:hidden}::ng-deep .tru-card-portal-card-container{margin:0 3px;padding:0 2px;height:30px;transition:all .4s ease-out;opacity:1}::ng-deep .tru-card-portal-card-container.show{opacity:1}::ng-deep .tru-card-portal-card-container *{pointer-events:none}::ng-deep .tru-card-portal-card{background-color:#fff;border:1px solid #fff;border-radius:3px;padding:2px 6px 2px 8px;position:relative;cursor:pointer;display:block;min-height:15px;text-decoration:none;z-index:0;outline:none;box-shadow:0 .5px #ccc}::ng-deep .tru-card-portal-card:hover{background-color:#efefef;border:1px solid #efefef}::ng-deep .tru-card-portal-card p{font-size:12px;word-wrap:break-word}::ng-deep .tru-card-portal-card:focus{outline:none}::ng-deep .tru-card-portal-card.empty{border:1px dashed #999}::ng-deep .tru-card-placeholder{position:absolute;left:0;right:0;margin:0;z-index:100;border-color:#0079bf;border-top-style:dashed;border-bottom-style:dashed}::ng-deep .tru-card-selected{border-color:#52a8eccc!important;background-color:#52a8eccc!important}::ng-deep .tru-card-selected p{color:#000!important;font-size:12px}::ng-deep .tru-card-menu{position:absolute;top:20px;right:0;background:#fff;border:1px #ccc solid;border-radius:3px;z-index:1;padding:7px;width:200px}::ng-deep .tru-card-menu hr{height:1px;border:1px #ccc solid;border-bottom:0;border-left:0;border-right:0;width:100%;margin:0;padding:0}::ng-deep .tru-card-menu a{color:#777;text-decoration:none;float:left;line-height:16px;margin-top:2px;margin-bottom:2px}::ng-deep .tru-card-menu span{color:#777;float:left;line-height:16px;margin-top:3px}::ng-deep .tru-card-menu a:hover{text-decoration:underline;color:#777}::ng-deep .tru-card-menu a:active,::ng-deep .tru-card-menu a:visited{color:#777}::ng-deep .tru-card-menu-move-container{width:100%!important;display:inline-flex}::ng-deep .tru-card-menu-move-container select{width:100%!important}::ng-deep .tru-card-menu-move-container a{margin-top:1px;margin-left:3px;display:block}::ng-deep .tru-card-menu-move-container span{color:#0079bf;margin-top:0}::ng-deep .tru-card-menu-move-container .move-button-disabled{pointer-events:none;opacity:.75}::ng-deep .tru-card-menu-move-container .move-button-disabled span{color:#ccc}::ng-deep .tru-card-portal-column-filtered{display:none}::ng-deep .tru-card-portal-card-filtered{display:none}\n"] }]
|
|
4591
4591
|
}], ctorParameters: () => [{ type: TruDataContext }, { type: TruModelTypeLookup }, { type: TruSearchViewEventHandler }, { type: TruSearchResultViewManager }], propDecorators: { config: [{
|
|
4592
4592
|
type: Input
|
|
4593
4593
|
}], name: [{
|