@memberjunction/ng-explorer-core 0.9.224 → 0.9.226
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.
|
@@ -228,10 +228,10 @@ ApplicationViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Ap
|
|
|
228
228
|
i0.ɵɵproperty("EntityName", ctx.appName)("ShowPropertiesButton", false);
|
|
229
229
|
i0.ɵɵadvance(2);
|
|
230
230
|
i0.ɵɵproperty("items", ctx.items)("categoryEntityID", ctx.categoryEntityID)("title", ctx.selectedAppEntity == null ? null : ctx.selectedAppEntity.Entity)("CategoryEntityName", ctx.categoryEntityName)("selectedFolderID", ctx.selectedFolderID)("showLoader", ctx.showLoader)("viewingResource", false)("displayAsGrid", ctx.displayAsGrid);
|
|
231
|
-
} }, dependencies: [i2.NgForOf, i4.ButtonComponent, i5.UserViewPropertiesDialogComponent, i6.GenericBrowserListComponent], styles: [".app-container[_ngcontent-%COMP%] {\r\n
|
|
231
|
+
} }, dependencies: [i2.NgForOf, i4.ButtonComponent, i5.UserViewPropertiesDialogComponent, i6.GenericBrowserListComponent], styles: [".app-container[_ngcontent-%COMP%] {\r\n padding: 10px;\r\n}\r\n \r\n.entity-list[_ngcontent-%COMP%] {\r\n width: 500px;\r\n}\r\n.favorites-list[_ngcontent-%COMP%] {\r\n width: 400px;\r\n}\r\n\r\n.cloumn[_ngcontent-%COMP%] {\r\n flex-direction: column;\r\n}\r\n.example-col[_ngcontent-%COMP%] {\r\n overflow-x: auto;\r\n}\r\n.example-col[_ngcontent-%COMP%] .k-selected[_ngcontent-%COMP%] {\r\n font-weight: 800;\r\n color: var(--tdata-color);\r\n border-bottom: 3px solid var(--border-blue) !important;\r\n background: var(--white-color);\r\n}\r\n\r\n.margin-top-neg-20[_ngcontent-%COMP%] {\r\n margin-top: -20px;\r\n padding: 0px !important\r\n}", ".main-area[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n width: 100%;\r\n gap: 24px;\r\n padding: 24px 0;\r\n}\r\n.list-view[_ngcontent-%COMP%] {\r\n padding: 16px;\r\n min-width: 300px;\r\n border-radius: 4px;\r\n background: #FAFAFA;\r\n border: none;\r\n}\r\n .list-view .k-listview-header, .list-view .k-listview-footer {\r\n border: none;\r\n}\r\n .list-view .k-listview-content {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 4px;\r\n background: #fff;\r\n padding: 16px;\r\n}\r\n\r\n.header[_ngcontent-%COMP%], .footer[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 16px;\r\n height: auto;\r\n margin:0;\r\n}\r\n\r\n.header[_ngcontent-%COMP%] {\r\n color: #424242;\r\n margin-bottom: 16px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n.header[_ngcontent-%COMP%] .head-tag[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 20px;\r\n}\r\n\r\n.header[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] {\r\n width: 24px;\r\n height: 24px;\r\n min-width: 24px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 10px;\r\n background: rgba(0, 0, 0, 0.08);\r\n border-radius: 50%;\r\n}\r\n.footer[_ngcontent-%COMP%] {\r\n font-size: 14px;\r\n margin-top: 16px;\r\n}\r\n\r\n.list-item[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 30px;\r\n cursor: pointer;\r\n margin: 4px;\r\n}\r\n.card-container[_ngcontent-%COMP%] {\r\n margin: 0;\r\n padding: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n\r\n\r\n\r\n\r\n \r\n.view-card[_ngcontent-%COMP%] .view-icon[_ngcontent-%COMP%] {\r\n color: var(--sideNav);\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 6px;\r\n width: 100% !important;\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\r\n background: #fff;\r\n padding: 12px 20px;\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] .view-card[_ngcontent-%COMP%] {\r\n overflow: auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #fafafa;\r\n padding: 4px 15px;\r\n}\r\n.view-card[_ngcontent-%COMP%] .btn-wrapper[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] h5[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n margin-bottom: 0;\r\n letter-spacing: 0.18px;\r\n}\r\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n color: #666;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n height: 48px;\r\n margin-bottom: 0;\r\n}\r\n.card-container[_ngcontent-%COMP%] {\r\n padding: 0;\r\n margin: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n}"] });
|
|
232
232
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ApplicationViewComponent, [{
|
|
233
233
|
type: Component,
|
|
234
|
-
args: [{ selector: 'application-view', template: "<div class=\"app-container\">\r\n <div class=\"card-header-entity cloumn\">\r\n <div class=\"title-wrap\">\r\n <h1>{{appNameFromURL}}</h1>\r\n </div>\r\n <div class=\"row\" #entityRow style=\"max-width: 100%;\">\r\n <div class=\"col-xs-12 col-sm-6 example-col\">\r\n <button\r\n *ngFor=\"let button of AppEntityButtons\"\r\n kendoButton\r\n fillMode=\"flat\"\r\n [toggleable]=\"true\"\r\n [selected]=\"button.Selected\"\r\n (click)=\"onAppEntityButtonClicked(button)\"\r\n >\r\n <span>\r\n {{button.Name}}\r\n </span>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <mj-user-view-properties-dialog [EntityName]=\"this.appName\" [ShowPropertiesButton]=\"false\" (dialogClosed)=\"viewPropertiesClosed($event)\">\r\n </mj-user-view-properties-dialog>\r\n <div class=\"main-area margin-top-neg-20\">\r\n <app-generic-browser-list \r\n iconName=\"aggregateFields\" \r\n [items]=\"items\"\r\n [categoryEntityID]=\"categoryEntityID\"\r\n addText=\"Create New View\"\r\n ItemEntityName=\"User Views\"\r\n resourceName=\"View\"\r\n [title]=\"selectedAppEntity?.Entity\"\r\n [CategoryEntityName]=\"categoryEntityName\"\r\n (itemClickEvent)=\"onItemClick($event)\" \r\n [selectedFolderID]=\"selectedFolderID\"\r\n [showLoader]=\"showLoader\"\r\n [viewingResource]=false\r\n [displayAsGrid]=\"displayAsGrid\"\r\n (AfterAddFolderEvent)=\"onEvent($event)\"\r\n (AfterAddItemEvent)=\"onEvent($event)\"\r\n (AfterDeleteItemEvent)=\"onEvent($event)\"\r\n (AfterDeleteFolderEvent)=\"onEvent($event)\"\r\n (viewModeChangeEvent)=\"onViewModeChange($event)\"\r\n (BeforeAddItemEvent)=\"createNewView($event)\"\r\n (BeforeUpdateItemEvent)=\"editView($event)\"\r\n />\r\n </div>\r\n</div>\r\n", styles: [".app-container {\r\n
|
|
234
|
+
args: [{ selector: 'application-view', template: "<div class=\"app-container\">\r\n <div class=\"card-header-entity cloumn\">\r\n <div class=\"title-wrap\">\r\n <h1>{{appNameFromURL}}</h1>\r\n </div>\r\n <div class=\"row\" #entityRow style=\"max-width: 100%;\">\r\n <div class=\"col-xs-12 col-sm-6 example-col\">\r\n <button\r\n *ngFor=\"let button of AppEntityButtons\"\r\n kendoButton\r\n fillMode=\"flat\"\r\n [toggleable]=\"true\"\r\n [selected]=\"button.Selected\"\r\n (click)=\"onAppEntityButtonClicked(button)\"\r\n >\r\n <span>\r\n {{button.Name}}\r\n </span>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <mj-user-view-properties-dialog [EntityName]=\"this.appName\" [ShowPropertiesButton]=\"false\" (dialogClosed)=\"viewPropertiesClosed($event)\">\r\n </mj-user-view-properties-dialog>\r\n <div class=\"main-area margin-top-neg-20\">\r\n <app-generic-browser-list \r\n iconName=\"aggregateFields\" \r\n [items]=\"items\"\r\n [categoryEntityID]=\"categoryEntityID\"\r\n addText=\"Create New View\"\r\n ItemEntityName=\"User Views\"\r\n resourceName=\"View\"\r\n [title]=\"selectedAppEntity?.Entity\"\r\n [CategoryEntityName]=\"categoryEntityName\"\r\n (itemClickEvent)=\"onItemClick($event)\" \r\n [selectedFolderID]=\"selectedFolderID\"\r\n [showLoader]=\"showLoader\"\r\n [viewingResource]=false\r\n [displayAsGrid]=\"displayAsGrid\"\r\n (AfterAddFolderEvent)=\"onEvent($event)\"\r\n (AfterAddItemEvent)=\"onEvent($event)\"\r\n (AfterDeleteItemEvent)=\"onEvent($event)\"\r\n (AfterDeleteFolderEvent)=\"onEvent($event)\"\r\n (viewModeChangeEvent)=\"onViewModeChange($event)\"\r\n (BeforeAddItemEvent)=\"createNewView($event)\"\r\n (BeforeUpdateItemEvent)=\"editView($event)\"\r\n />\r\n </div>\r\n</div>\r\n", styles: [".app-container {\r\n padding: 10px;\r\n}\r\n \r\n.entity-list {\r\n width: 500px;\r\n}\r\n.favorites-list {\r\n width: 400px;\r\n}\r\n\r\n.cloumn {\r\n flex-direction: column;\r\n}\r\n.example-col {\r\n overflow-x: auto;\r\n}\r\n.example-col .k-selected {\r\n font-weight: 800;\r\n color: var(--tdata-color);\r\n border-bottom: 3px solid var(--border-blue) !important;\r\n background: var(--white-color);\r\n}\r\n\r\n.margin-top-neg-20 {\r\n margin-top: -20px;\r\n padding: 0px !important\r\n}", "\r\n.main-area {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n width: 100%;\r\n gap: 24px;\r\n padding: 24px 0;\r\n}\r\n.list-view {\r\n padding: 16px;\r\n min-width: 300px;\r\n border-radius: 4px;\r\n background: #FAFAFA;\r\n border: none;\r\n}\r\n::ng-deep .list-view .k-listview-header, \r\n::ng-deep .list-view .k-listview-footer {\r\n border: none;\r\n}\r\n::ng-deep .list-view .k-listview-content {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 4px;\r\n background: #fff;\r\n padding: 16px;\r\n}\r\n\r\n.header,\r\n.footer {\r\n color: #424242;\r\n font-size: 16px;\r\n height: auto;\r\n margin:0;\r\n}\r\n\r\n.header {\r\n color: #424242;\r\n margin-bottom: 16px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n.header .head-tag {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 20px;\r\n}\r\n\r\n.header .count {\r\n width: 24px;\r\n height: 24px;\r\n min-width: 24px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 10px;\r\n background: rgba(0, 0, 0, 0.08);\r\n border-radius: 50%;\r\n}\r\n.footer {\r\n font-size: 14px;\r\n margin-top: 16px;\r\n}\r\n\r\n.list-item {\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 30px;\r\n cursor: pointer;\r\n margin: 4px;\r\n}\r\n.card-container {\r\n margin: 0;\r\n padding: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n.card-header-entity .title-wrap h1 {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity .title-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity .title-wrap p {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n\r\n\r\n\r\n\r\n \r\n.view-card .view-icon {\r\n color: var(--sideNav);\r\n}\r\n.card-wrapper {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 6px;\r\n width: 100% !important;\r\n}\r\n.card-wrapper .k-card-body {\r\n background: #fff;\r\n padding: 12px 20px;\r\n}\r\n.card-wrapper .view-card {\r\n overflow: auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #fafafa;\r\n padding: 4px 15px;\r\n}\r\n.view-card .btn-wrapper {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.k-card-body .view-card-content h5 {\r\n color: #424242;\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n margin-bottom: 0;\r\n letter-spacing: 0.18px;\r\n}\r\n.k-card-body .view-card-content p {\r\n color: #666;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n height: 48px;\r\n margin-bottom: 0;\r\n}\r\n.card-container {\r\n padding: 0;\r\n margin: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.card-header-entity .title-wrap h1 {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity .title-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity .title-wrap p {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n.main-area .card-list {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n}\r\n"] }]
|
|
235
235
|
}], () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.Location }, { type: i3.SharedService }], { entityRowRef: [{
|
|
236
236
|
type: ViewChild,
|
|
237
237
|
args: ['entityRow']
|
|
@@ -81,9 +81,9 @@ DataBrowserComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DataBr
|
|
|
81
81
|
i0.ɵɵproperty("ngIf", ctx.showLoader);
|
|
82
82
|
i0.ɵɵadvance();
|
|
83
83
|
i0.ɵɵproperty("ngIf", !ctx.showLoader);
|
|
84
|
-
} }, dependencies: [i3.NgForOf, i3.NgIf, i4.LoaderComponent, i5.CardComponent, i5.CardBodyComponent, i5.CardTitleDirective, i5.CardSubtitleDirective], styles: [".data-browser-container[_ngcontent-%COMP%] {\r\n
|
|
84
|
+
} }, dependencies: [i3.NgForOf, i3.NgIf, i4.LoaderComponent, i5.CardComponent, i5.CardBodyComponent, i5.CardTitleDirective, i5.CardSubtitleDirective], styles: [".data-browser-container[_ngcontent-%COMP%] {\r\n padding: 10px;\r\n}\r\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] .card-item[_ngcontent-%COMP%] {\r\n background: #fff;\r\n border-radius: 10px;\r\n height: 250px;\r\n border: 3px solid transparent;\r\n}\r\n\r\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] .card-item[_ngcontent-%COMP%]:hover {\r\n border: 3px solid var(--border-active);\r\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\r\n\r\n }\r\n .main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] .card-item[_ngcontent-%COMP%]:hover .view-card-content[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] {\r\n color: var(--border-active);\r\n }\r\n .view-card-content[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] {\r\n font-size: 36px;\r\n text-align: center;\r\n line-height: 42px;\r\n font-weight: 500;\r\n color: var(--text-darked);\r\n }\r\n .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n text-align: center;\r\n font-size: 18px;\r\n line-height: 28px;\r\n color: var(--text-darked);\r\n }\r\n .card-wrapper[_ngcontent-%COMP%] {\r\n height: 100%;\r\n border: none;\r\n }\r\n .card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: center; \r\n align-items: center;\r\n }", ".main-area[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n width: 100%;\r\n gap: 24px;\r\n padding: 24px 0;\r\n}\r\n.list-view[_ngcontent-%COMP%] {\r\n padding: 16px;\r\n min-width: 300px;\r\n border-radius: 4px;\r\n background: #FAFAFA;\r\n border: none;\r\n}\r\n .list-view .k-listview-header, .list-view .k-listview-footer {\r\n border: none;\r\n}\r\n .list-view .k-listview-content {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 4px;\r\n background: #fff;\r\n padding: 16px;\r\n}\r\n\r\n.header[_ngcontent-%COMP%], .footer[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 16px;\r\n height: auto;\r\n margin:0;\r\n}\r\n\r\n.header[_ngcontent-%COMP%] {\r\n color: #424242;\r\n margin-bottom: 16px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n.header[_ngcontent-%COMP%] .head-tag[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 20px;\r\n}\r\n\r\n.header[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] {\r\n width: 24px;\r\n height: 24px;\r\n min-width: 24px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 10px;\r\n background: rgba(0, 0, 0, 0.08);\r\n border-radius: 50%;\r\n}\r\n.footer[_ngcontent-%COMP%] {\r\n font-size: 14px;\r\n margin-top: 16px;\r\n}\r\n\r\n.list-item[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 30px;\r\n cursor: pointer;\r\n margin: 4px;\r\n}\r\n.card-container[_ngcontent-%COMP%] {\r\n margin: 0;\r\n padding: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n\r\n\r\n\r\n\r\n \r\n.view-card[_ngcontent-%COMP%] .view-icon[_ngcontent-%COMP%] {\r\n color: var(--sideNav);\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 6px;\r\n width: 100% !important;\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\r\n background: #fff;\r\n padding: 12px 20px;\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] .view-card[_ngcontent-%COMP%] {\r\n overflow: auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #fafafa;\r\n padding: 4px 15px;\r\n}\r\n.view-card[_ngcontent-%COMP%] .btn-wrapper[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] h5[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n margin-bottom: 0;\r\n letter-spacing: 0.18px;\r\n}\r\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n color: #666;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n height: 48px;\r\n margin-bottom: 0;\r\n}\r\n.card-container[_ngcontent-%COMP%] {\r\n padding: 0;\r\n margin: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n}"] });
|
|
85
85
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DataBrowserComponent, [{
|
|
86
86
|
type: Component,
|
|
87
|
-
args: [{ selector: 'app-data-browser', template: "<div class=\"data-browser-container\">\r\n <div class=\"card-header-entity\">\r\n <div class=\"title-wrap\">\r\n <h1>Data Applications</h1>\r\n </div>\r\n </div>\r\n <div class=\"main-area\"> \r\n <kendo-loader *ngIf=\"showLoader\" type=\"converging-spinner\" ></kendo-loader>\r\n <div class=\"card-list k-d-flex k-flex-row k-h-full k-flex-wrap\" *ngIf=\"!showLoader\">\r\n <div class=\"card-item\" *ngFor=\"let app of applications\">\r\n <kendo-card class=\"card-wrapper\">\r\n <!-- <kendo-card-header class=\"k-hstack view-card\">\r\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('table')\"></kendo-svgicon>\r\n <div class=\"btn-wrapper\">\r\n <button kendoButton fillMode=\"flat\" (click)=\"editView(entity)\">\r\n <span class=\"k-icon k-i-edit\"></span>\r\n </button>\r\n <button kendoButton fillMode=\"flat\" (click)=\"handleDeleteView(entity)\"><span\r\n class=\"k-icon k-i-delete\"></span></button>\r\n </div> \r\n </kendo-card-header> -->\r\n \r\n <kendo-card-body (click)=\"appItemClick(app)\">\r\n <div class=\"view-card-content k-cursor-pointer\">\r\n <h2 kendoCardTitle>{{ app.Name }}</h2>\r\n <p kendoCardSubtitle>{{ app.Description }}</p>\r\n </div>\r\n </kendo-card-body>\r\n </kendo-card>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".data-browser-container {\r\n
|
|
87
|
+
args: [{ selector: 'app-data-browser', template: "<div class=\"data-browser-container\">\r\n <div class=\"card-header-entity\">\r\n <div class=\"title-wrap\">\r\n <h1>Data Applications</h1>\r\n </div>\r\n </div>\r\n <div class=\"main-area\"> \r\n <kendo-loader *ngIf=\"showLoader\" type=\"converging-spinner\" ></kendo-loader>\r\n <div class=\"card-list k-d-flex k-flex-row k-h-full k-flex-wrap\" *ngIf=\"!showLoader\">\r\n <div class=\"card-item\" *ngFor=\"let app of applications\">\r\n <kendo-card class=\"card-wrapper\">\r\n <!-- <kendo-card-header class=\"k-hstack view-card\">\r\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('table')\"></kendo-svgicon>\r\n <div class=\"btn-wrapper\">\r\n <button kendoButton fillMode=\"flat\" (click)=\"editView(entity)\">\r\n <span class=\"k-icon k-i-edit\"></span>\r\n </button>\r\n <button kendoButton fillMode=\"flat\" (click)=\"handleDeleteView(entity)\"><span\r\n class=\"k-icon k-i-delete\"></span></button>\r\n </div> \r\n </kendo-card-header> -->\r\n \r\n <kendo-card-body (click)=\"appItemClick(app)\">\r\n <div class=\"view-card-content k-cursor-pointer\">\r\n <h2 kendoCardTitle>{{ app.Name }}</h2>\r\n <p kendoCardSubtitle>{{ app.Description }}</p>\r\n </div>\r\n </kendo-card-body>\r\n </kendo-card>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".data-browser-container {\r\n padding: 10px;\r\n}\r\n.main-area .card-list .card-item {\r\n background: #fff;\r\n border-radius: 10px;\r\n height: 250px;\r\n border: 3px solid transparent;\r\n}\r\n\r\n.main-area .card-list .card-item:hover {\r\n border: 3px solid var(--border-active);\r\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\r\n\r\n }\r\n .main-area .card-list .card-item:hover .view-card-content h2 {\r\n color: var(--border-active);\r\n }\r\n .view-card-content h2 {\r\n font-size: 36px;\r\n text-align: center;\r\n line-height: 42px;\r\n font-weight: 500;\r\n color: var(--text-darked);\r\n }\r\n .view-card-content p {\r\n text-align: center;\r\n font-size: 18px;\r\n line-height: 28px;\r\n color: var(--text-darked);\r\n }\r\n .card-wrapper {\r\n height: 100%;\r\n border: none;\r\n }\r\n .card-wrapper .k-card-body {\r\n display: flex;\r\n justify-content: center; \r\n align-items: center;\r\n }", "\r\n.main-area {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n width: 100%;\r\n gap: 24px;\r\n padding: 24px 0;\r\n}\r\n.list-view {\r\n padding: 16px;\r\n min-width: 300px;\r\n border-radius: 4px;\r\n background: #FAFAFA;\r\n border: none;\r\n}\r\n::ng-deep .list-view .k-listview-header, \r\n::ng-deep .list-view .k-listview-footer {\r\n border: none;\r\n}\r\n::ng-deep .list-view .k-listview-content {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 4px;\r\n background: #fff;\r\n padding: 16px;\r\n}\r\n\r\n.header,\r\n.footer {\r\n color: #424242;\r\n font-size: 16px;\r\n height: auto;\r\n margin:0;\r\n}\r\n\r\n.header {\r\n color: #424242;\r\n margin-bottom: 16px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n.header .head-tag {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 20px;\r\n}\r\n\r\n.header .count {\r\n width: 24px;\r\n height: 24px;\r\n min-width: 24px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 10px;\r\n background: rgba(0, 0, 0, 0.08);\r\n border-radius: 50%;\r\n}\r\n.footer {\r\n font-size: 14px;\r\n margin-top: 16px;\r\n}\r\n\r\n.list-item {\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 30px;\r\n cursor: pointer;\r\n margin: 4px;\r\n}\r\n.card-container {\r\n margin: 0;\r\n padding: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n.card-header-entity .title-wrap h1 {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity .title-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity .title-wrap p {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n\r\n\r\n\r\n\r\n \r\n.view-card .view-icon {\r\n color: var(--sideNav);\r\n}\r\n.card-wrapper {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 6px;\r\n width: 100% !important;\r\n}\r\n.card-wrapper .k-card-body {\r\n background: #fff;\r\n padding: 12px 20px;\r\n}\r\n.card-wrapper .view-card {\r\n overflow: auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #fafafa;\r\n padding: 4px 15px;\r\n}\r\n.view-card .btn-wrapper {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.k-card-body .view-card-content h5 {\r\n color: #424242;\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n margin-bottom: 0;\r\n letter-spacing: 0.18px;\r\n}\r\n.k-card-body .view-card-content p {\r\n color: #666;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n height: 48px;\r\n margin-bottom: 0;\r\n}\r\n.card-container {\r\n padding: 0;\r\n margin: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.card-header-entity .title-wrap h1 {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity .title-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity .title-wrap p {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n.main-area .card-list {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n}\r\n"] }]
|
|
88
88
|
}], () => [{ type: i1.SharedService }, { type: i2.Router }], null); })();
|
|
89
89
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DataBrowserComponent, { className: "DataBrowserComponent", filePath: "src\\lib\\data-browser-component\\data-browser.component.ts", lineNumber: 11 }); })();
|
|
@@ -1047,7 +1047,7 @@ NavigationComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Navigat
|
|
|
1047
1047
|
i0.ɵɵlistener("resize", function NavigationComponent_resize_HostBindingHandler() { return ctx.onWindowResize(); }, false, i0.ɵɵresolveWindow)("click", function NavigationComponent_click_HostBindingHandler() { return ctx.onClick(); }, false, i0.ɵɵresolveDocument);
|
|
1048
1048
|
} if (rf & 2) {
|
|
1049
1049
|
i0.ɵɵclassProp("mobile-screen", ctx.isMobileScreen);
|
|
1050
|
-
} }, inputs: { applicationName: "applicationName" }, decls: 6, vars: 6, consts: [[1, "navigation-wrap", 3, "ngClass"], ["drawerWrapper", ""], ["type", "converging-spinner", 4, "ngIf"], [4, "ngIf"], ["action", "route"], ["class", "context-menu", 3, "ngStyle", 4, "ngIf"], ["type", "converging-spinner"], [3, "items", "mode", "mini", "animation", "autoCollapse", "select"], ["drawer", ""], ["mjFillContainer", ""], ["mjFillContainer", "", 3, "TabClosed", "TabSelected", "TabContextMenu"], ["mjTabstrip", ""], [3, "TabCloseable"], [3, "TabCloseable", 4, "ngFor", "ngForOf"], [4, "ngFor", "ngForOf"], [3, "items"], [3, "icon", 4, "ngIf"], [3, "icon"], [3, "Data", "isVisible", "ResourceRecordSaved", "ContentLoadingStarted", "ContentLoadingComplete"], [1, "context-menu", 3, "ngStyle"], [1, "context-menu-item", 3, "click"]], template: function NavigationComponent_Template(rf, ctx) { if (rf & 1) {
|
|
1050
|
+
} }, inputs: { applicationName: "applicationName" }, decls: 6, vars: 6, consts: [[1, "navigation-wrap", 3, "ngClass"], ["drawerWrapper", ""], ["type", "converging-spinner", 4, "ngIf"], [4, "ngIf"], ["action", "route"], ["class", "context-menu", 3, "ngStyle", 4, "ngIf"], ["type", "converging-spinner"], [3, "items", "mode", "mini", "animation", "autoCollapse", "select"], ["drawer", ""], ["mjFillContainer", ""], ["mjFillContainer", "", 3, "TabClosed", "TabSelected", "TabContextMenu"], ["mjTabstrip", ""], [3, "TabCloseable"], [3, "TabCloseable", 4, "ngFor", "ngForOf"], [4, "ngFor", "ngForOf"], [3, "items"], [3, "icon", 4, "ngIf"], [3, "icon"], ["mjFillContainer", "", 1, "tab-resource", 3, "Data", "isVisible", "ResourceRecordSaved", "ContentLoadingStarted", "ContentLoadingComplete"], [1, "context-menu", 3, "ngStyle"], [1, "context-menu-item", 3, "click"]], template: function NavigationComponent_Template(rf, ctx) { if (rf & 1) {
|
|
1051
1051
|
i0.ɵɵelementStart(0, "div", 0, 1);
|
|
1052
1052
|
i0.ɵɵtemplate(2, NavigationComponent_kendo_loader_2_Template, 1, 0, "kendo-loader", 2)(3, NavigationComponent_kendo_drawer_container_3_Template, 13, 9, "kendo-drawer-container", 3);
|
|
1053
1053
|
i0.ɵɵelement(4, "mj-skip-button", 4);
|
|
@@ -1061,10 +1061,10 @@ NavigationComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Navigat
|
|
|
1061
1061
|
i0.ɵɵproperty("ngIf", !ctx.loading);
|
|
1062
1062
|
i0.ɵɵadvance(2);
|
|
1063
1063
|
i0.ɵɵproperty("ngIf", ctx.contextMenuVisible);
|
|
1064
|
-
} }, dependencies: [i3.NgClass, i3.NgForOf, i3.NgIf, i3.NgStyle, i1.RouterOutlet, i5.LoaderComponent, i6.SVGIconComponent, i7.FillContainer, i8.DrawerComponent, i8.DrawerContainerComponent, i8.DrawerContentComponent, i9.SkipButtonComponent, i10.MJTabStripComponent, i10.MJTabBodyComponent, i10.MJTabComponent, i11.ResourceContainerComponent, i12.ExpansionPanelComponent], styles: [".navigation-wrap[_ngcontent-%COMP%] {\r\n height: calc(100vh - 80px);\r\n width: 100%;\r\n overflow:hidden\r\n}\r\n\r\n.nav-tab-title[_ngcontent-%COMP%] {\r\n margin-left: 10px;\r\n}\r\n\r\n.context-menu[_ngcontent-%COMP%] {\r\n position: fixed;\r\n z-index: 9999;\r\n background-color: #ffffff;\r\n border: 1px solid #ccc;\r\n padding: 3px 3px;\r\n box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.context-menu-item[_ngcontent-%COMP%] {\r\n padding: 8px 16px;\r\n cursor: pointer;\r\n}\r\n\r\n.context-menu-item[_ngcontent-%COMP%]:hover {\r\n background-color: #f1f1f1;\r\n}\r\n .navigation-wrap .drawer-container {\r\n background: var(--gray-color);\r\n}\r\n .navigation-wrap .drawer-container .k-content {\r\n padding: 25px;\r\n}\r\n .navigation-wrap .drawer-container .k-tabstrip-items-wrapper {\r\n background: var(--med-gray);\r\n padding-left: 20px;\r\n}\r\n .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item.k-active{\r\n border: 1px solid var(--light-gray);\r\n background: var(--light-gray);\r\n border-radius: 8px 8px 0 0;\r\n color: var(--blue-text);\r\n\r\n}\r\n .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item:hover {\r\n color: var(--blue-text);\r\n}\r\n\r\n .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item {\r\n\r\n background: var(--med-gray);\r\n border-radius: 0;\r\n border-right: 1px solid #909090;\r\n}\r\n\r\n
|
|
1064
|
+
} }, dependencies: [i3.NgClass, i3.NgForOf, i3.NgIf, i3.NgStyle, i1.RouterOutlet, i5.LoaderComponent, i6.SVGIconComponent, i7.FillContainer, i8.DrawerComponent, i8.DrawerContainerComponent, i8.DrawerContentComponent, i9.SkipButtonComponent, i10.MJTabStripComponent, i10.MJTabBodyComponent, i10.MJTabComponent, i11.ResourceContainerComponent, i12.ExpansionPanelComponent], styles: [".navigation-wrap[_ngcontent-%COMP%] {\r\n height: calc(100vh - 80px);\r\n width: 100%;\r\n overflow:hidden\r\n}\r\n\r\n.nav-tab-title[_ngcontent-%COMP%] {\r\n margin-left: 10px;\r\n}\r\n\r\n.context-menu[_ngcontent-%COMP%] {\r\n position: fixed;\r\n z-index: 9999;\r\n background-color: #ffffff;\r\n border: 1px solid #ccc;\r\n padding: 3px 3px;\r\n box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.context-menu-item[_ngcontent-%COMP%] {\r\n padding: 8px 16px;\r\n cursor: pointer;\r\n}\r\n\r\n.context-menu-item[_ngcontent-%COMP%]:hover {\r\n background-color: #f1f1f1;\r\n}\r\n .navigation-wrap .drawer-container {\r\n background: var(--gray-color);\r\n}\r\n .navigation-wrap .drawer-container .k-content {\r\n padding: 25px;\r\n}\r\n .navigation-wrap .drawer-container .k-tabstrip-items-wrapper {\r\n background: var(--med-gray);\r\n padding-left: 20px;\r\n}\r\n .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item.k-active{\r\n border: 1px solid var(--light-gray);\r\n background: var(--light-gray);\r\n border-radius: 8px 8px 0 0;\r\n color: var(--blue-text);\r\n\r\n}\r\n .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item:hover {\r\n color: var(--blue-text);\r\n}\r\n\r\n .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item {\r\n\r\n background: var(--med-gray);\r\n border-radius: 0;\r\n border-right: 1px solid #909090;\r\n}\r\n\r\n.tab-resource[_ngcontent-%COMP%] {\r\n display: block;\r\n}"] });
|
|
1065
1065
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavigationComponent, [{
|
|
1066
1066
|
type: Component,
|
|
1067
|
-
args: [{ selector: 'app-navigation', template: "<div class=\"navigation-wrap\" [ngClass]=\"{'waiting': loader}\" #drawerWrapper>\r\n <kendo-loader *ngIf=\"loading\" type=\"converging-spinner\" ></kendo-loader>\r\n <kendo-drawer-container *ngIf=\"!loading\" >\r\n <kendo-drawer\r\n #drawer\r\n [items]=\"drawerItems\"\r\n [mode]=\"mode\"\r\n [mini]=\"mini\"\r\n [animation]=\"false\"\r\n (select)=\"onDrawerSelect($event)\"\r\n [autoCollapse]=\"false\"\r\n />\r\n <div *ngIf=\"showExpansionPanel\">\r\n <expansion-panel-component [items]=\"panelItems\" />\r\n </div>\r\n <kendo-drawer-content mjFillContainer>\r\n\r\n <mj-tabstrip #mjTabstrip mjFillContainer (TabClosed)=\"handleTabClosed($event)\" (TabSelected)=\"handleTabSelected($event)\" (TabContextMenu)=\"handleTabContextMenu($event)\">\r\n <mj-tab [TabCloseable]=\"false\">\r\n Home\r\n </mj-tab>\r\n <mj-tab-body>\r\n <router-outlet></router-outlet>\r\n </mj-tab-body>\r\n\r\n <mj-tab *ngFor=\"let tab of tabs;let i = index\" [TabCloseable]=\"true\">\r\n <kendo-svgicon *ngIf=\"tab?.contentLoading\" [icon]=\"sharedService.kendoSVGIcon('clock')\"></kendo-svgicon>\r\n <kendo-svgicon *ngIf=\"!tab?.contentLoading && tab?.icon\" [icon]=\"sharedService.kendoSVGIcon(tab.icon)\"></kendo-svgicon> \r\n {{ tab.labelLoading ? 'Loading...' : tab.label }}\r\n </mj-tab>\r\n <mj-tab-body *ngFor=\"let tab of tabs;let i = index\">\r\n <mj-resource [Data]=\"tab.data\" [isVisible]=\"activeTabIndex - 1 === i\"\r\n (ResourceRecordSaved)=\"SaveSingleWorkspaceItem(tab)\"\r\n (ContentLoadingStarted)=\"setTabContentLoadingStatus(tab, true)\"\r\n (ContentLoadingComplete)=\"setTabContentLoadingStatus(tab, false)\"\r\n ></mj-resource>\r\n </mj-tab-body>\r\n </mj-tabstrip>\r\n </kendo-drawer-content>\r\n </kendo-drawer-container>\r\n\r\n \r\n <mj-skip-button\r\n action=\"route\"\r\n ></mj-skip-button>\r\n <!-- Skip Button shows up through the above line of code -->\r\n</div>\r\n\r\n<div class=\"context-menu\" [ngStyle]=\"contextMenuStyle\" *ngIf=\"contextMenuVisible\">\r\n <div class=\"context-menu-item\" (click)=\"handleContextMenuOption(1)\">Close All</div>\r\n <div class=\"context-menu-item\" (click)=\"handleContextMenuOption(2)\">Close Others</div>\r\n <div class=\"context-menu-item\" (click)=\"handleContextMenuOption(3)\">Close Tabs to the Right</div>\r\n </div>\r\n", styles: [".navigation-wrap {\r\n height: calc(100vh - 80px);\r\n width: 100%;\r\n overflow:hidden\r\n}\r\n\r\n.nav-tab-title {\r\n margin-left: 10px;\r\n}\r\n\r\n.context-menu {\r\n position: fixed;\r\n z-index: 9999;\r\n background-color: #ffffff;\r\n border: 1px solid #ccc;\r\n padding: 3px 3px;\r\n box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.context-menu-item {\r\n padding: 8px 16px;\r\n cursor: pointer;\r\n}\r\n\r\n.context-menu-item:hover {\r\n background-color: #f1f1f1;\r\n}\r\n::ng-deep .navigation-wrap .drawer-container {\r\n background: var(--gray-color);\r\n}\r\n::ng-deep .navigation-wrap .drawer-container .k-content {\r\n padding: 25px;\r\n}\r\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper {\r\n background: var(--med-gray);\r\n padding-left: 20px;\r\n}\r\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item.k-active{\r\n border: 1px solid var(--light-gray);\r\n background: var(--light-gray);\r\n border-radius: 8px 8px 0 0;\r\n color: var(--blue-text);\r\n\r\n}\r\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item:hover {\r\n color: var(--blue-text);\r\n}\r\n\r\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item {\r\n\r\n background: var(--med-gray);\r\n border-radius: 0;\r\n border-right: 1px solid #909090;\r\n}\r\n\r\n
|
|
1067
|
+
args: [{ selector: 'app-navigation', template: "<div class=\"navigation-wrap\" [ngClass]=\"{'waiting': loader}\" #drawerWrapper>\r\n <kendo-loader *ngIf=\"loading\" type=\"converging-spinner\" ></kendo-loader>\r\n <kendo-drawer-container *ngIf=\"!loading\" >\r\n <kendo-drawer\r\n #drawer\r\n [items]=\"drawerItems\"\r\n [mode]=\"mode\"\r\n [mini]=\"mini\"\r\n [animation]=\"false\"\r\n (select)=\"onDrawerSelect($event)\"\r\n [autoCollapse]=\"false\"\r\n />\r\n <div *ngIf=\"showExpansionPanel\">\r\n <expansion-panel-component [items]=\"panelItems\" />\r\n </div>\r\n <kendo-drawer-content mjFillContainer>\r\n\r\n <mj-tabstrip #mjTabstrip mjFillContainer (TabClosed)=\"handleTabClosed($event)\" (TabSelected)=\"handleTabSelected($event)\" (TabContextMenu)=\"handleTabContextMenu($event)\">\r\n <mj-tab [TabCloseable]=\"false\">\r\n Home\r\n </mj-tab>\r\n <mj-tab-body>\r\n <router-outlet></router-outlet>\r\n </mj-tab-body>\r\n\r\n <mj-tab *ngFor=\"let tab of tabs;let i = index\" [TabCloseable]=\"true\">\r\n <kendo-svgicon *ngIf=\"tab?.contentLoading\" [icon]=\"sharedService.kendoSVGIcon('clock')\"></kendo-svgicon>\r\n <kendo-svgicon *ngIf=\"!tab?.contentLoading && tab?.icon\" [icon]=\"sharedService.kendoSVGIcon(tab.icon)\"></kendo-svgicon> \r\n {{ tab.labelLoading ? 'Loading...' : tab.label }}\r\n </mj-tab>\r\n <mj-tab-body *ngFor=\"let tab of tabs;let i = index\">\r\n <mj-resource [Data]=\"tab.data\" [isVisible]=\"activeTabIndex - 1 === i\"\r\n (ResourceRecordSaved)=\"SaveSingleWorkspaceItem(tab)\"\r\n (ContentLoadingStarted)=\"setTabContentLoadingStatus(tab, true)\"\r\n (ContentLoadingComplete)=\"setTabContentLoadingStatus(tab, false)\"\r\n mjFillContainer\r\n class=\"tab-resource\"\r\n ></mj-resource>\r\n </mj-tab-body>\r\n </mj-tabstrip>\r\n </kendo-drawer-content>\r\n </kendo-drawer-container>\r\n\r\n \r\n <mj-skip-button\r\n action=\"route\"\r\n ></mj-skip-button>\r\n <!-- Skip Button shows up through the above line of code -->\r\n</div>\r\n\r\n<div class=\"context-menu\" [ngStyle]=\"contextMenuStyle\" *ngIf=\"contextMenuVisible\">\r\n <div class=\"context-menu-item\" (click)=\"handleContextMenuOption(1)\">Close All</div>\r\n <div class=\"context-menu-item\" (click)=\"handleContextMenuOption(2)\">Close Others</div>\r\n <div class=\"context-menu-item\" (click)=\"handleContextMenuOption(3)\">Close Tabs to the Right</div>\r\n </div>\r\n", styles: [".navigation-wrap {\r\n height: calc(100vh - 80px);\r\n width: 100%;\r\n overflow:hidden\r\n}\r\n\r\n.nav-tab-title {\r\n margin-left: 10px;\r\n}\r\n\r\n.context-menu {\r\n position: fixed;\r\n z-index: 9999;\r\n background-color: #ffffff;\r\n border: 1px solid #ccc;\r\n padding: 3px 3px;\r\n box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.context-menu-item {\r\n padding: 8px 16px;\r\n cursor: pointer;\r\n}\r\n\r\n.context-menu-item:hover {\r\n background-color: #f1f1f1;\r\n}\r\n::ng-deep .navigation-wrap .drawer-container {\r\n background: var(--gray-color);\r\n}\r\n::ng-deep .navigation-wrap .drawer-container .k-content {\r\n padding: 25px;\r\n}\r\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper {\r\n background: var(--med-gray);\r\n padding-left: 20px;\r\n}\r\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item.k-active{\r\n border: 1px solid var(--light-gray);\r\n background: var(--light-gray);\r\n border-radius: 8px 8px 0 0;\r\n color: var(--blue-text);\r\n\r\n}\r\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item:hover {\r\n color: var(--blue-text);\r\n}\r\n\r\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item {\r\n\r\n background: var(--med-gray);\r\n border-radius: 0;\r\n border-right: 1px solid #909090;\r\n}\r\n\r\n.tab-resource {\r\n display: block;\r\n}"] }]
|
|
1068
1068
|
}], () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.SharedService }, { type: i3.Location }, { type: i0.Renderer2 }, { type: i4.Title }, { type: i0.ChangeDetectorRef }], { applicationName: [{
|
|
1069
1069
|
type: Input
|
|
1070
1070
|
}], isMobileScreen: [{
|
|
@@ -166,7 +166,7 @@ SingleViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SingleV
|
|
|
166
166
|
} if (rf & 2) {
|
|
167
167
|
let _t;
|
|
168
168
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.viewGridWithAnalysis = _t.first);
|
|
169
|
-
} }, inputs: { viewId: "viewId", viewName: "viewName", selectedView: "selectedView", extraFilter: "extraFilter", entityName: "entityName" }, outputs: { loadComplete: "loadComplete" }, decls: 5, vars:
|
|
169
|
+
} }, inputs: { viewId: "viewId", viewName: "viewName", selectedView: "selectedView", extraFilter: "extraFilter", entityName: "entityName" }, outputs: { loadComplete: "loadComplete" }, decls: 5, vars: 4, consts: [["mjFillContainer", "", 1, "single-view-wrap", 3, "bottomMargin"], [1, "searchBox"], ["id", "txtSearch", "placeholder", "Search here...", "kendoTextBox", "", 3, "clearButton", "ngModel", "valueChange", "ngModelChange", 4, "ngIf"], [3, "ViewID", "dialogClosed", 4, "ngIf"], ["mjFillContainer", "", 1, "analysis-wrapper", 3, "AutoNavigate", "rowClicked"], ["id", "txtSearch", "placeholder", "Search here...", "kendoTextBox", "", 3, "clearButton", "ngModel", "valueChange", "ngModelChange"], [3, "ViewID", "dialogClosed"]], template: function SingleViewComponent_Template(rf, ctx) { if (rf & 1) {
|
|
170
170
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
|
|
171
171
|
i0.ɵɵtemplate(2, SingleViewComponent_kendo_textbox_2_Template, 1, 2, "kendo-textbox", 2)(3, SingleViewComponent_mj_user_view_properties_dialog_3_Template, 1, 1, "mj-user-view-properties-dialog", 3);
|
|
172
172
|
i0.ɵɵelementEnd();
|
|
@@ -174,6 +174,7 @@ SingleViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SingleV
|
|
|
174
174
|
i0.ɵɵlistener("rowClicked", function SingleViewComponent_Template_mj_user_view_grid_with_analysis_rowClicked_4_listener($event) { return ctx.handleRowClick($event); });
|
|
175
175
|
i0.ɵɵelementEnd()();
|
|
176
176
|
} if (rf & 2) {
|
|
177
|
+
i0.ɵɵproperty("bottomMargin", 20);
|
|
177
178
|
i0.ɵɵadvance(2);
|
|
178
179
|
i0.ɵɵproperty("ngIf", ctx.showSearch);
|
|
179
180
|
i0.ɵɵadvance();
|
|
@@ -183,7 +184,7 @@ SingleViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SingleV
|
|
|
183
184
|
} }, dependencies: [i3.NgIf, i4.NgControlStatus, i4.NgModel, i5.TextBoxComponent, i6.FillContainer, i7.UserViewGridWithAnalysisComponent, i8.UserViewPropertiesDialogComponent], styles: [".single-view-wrap[_ngcontent-%COMP%] {\r\n padding: 10px;\r\n}\r\n .analysis-wrapper .k-tabstrip-items-wrapper {\r\n background: var(--white-color) !important;\r\n padding-left: 0 !important;\r\n }\r\n .analysis-wrapper .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item.k-active {\r\n border-bottom: 3px solid var(--border-blue) !important;\r\n }\r\n .analysis-wrapper .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item {\r\n background: var(--white-color) !important;\r\n border-right: 0 !important;\r\n }"] });
|
|
184
185
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SingleViewComponent, [{
|
|
185
186
|
type: Component,
|
|
186
|
-
args: [{ selector: 'mj-single-view', template: "<div class=\"single-view-wrap\" mjFillContainer>\r\n <div class=\"card-container\" class=\"searchBox\">\r\n <kendo-textbox\r\n id=\"txtSearch\"\r\n *ngIf=\"showSearch\"\r\n placeholder=\"Search here...\"\r\n kendoTextBox\r\n (valueChange)=\"onSearch($event)\"\r\n [clearButton]=\"true\"\r\n [(ngModel)]=\"searchText\"\r\n ></kendo-textbox>\r\n\r\n <mj-user-view-properties-dialog *ngIf=\"selectedView\" [ViewID]=\"selectedView.ID\" (dialogClosed)=\"this.viewPropertiesDialogClosed($event)\" ></mj-user-view-properties-dialog>\r\n </div>\r\n\r\n <mj-user-view-grid-with-analysis class=\"analysis-wrapper\" (rowClicked)=\"handleRowClick($event)\" [AutoNavigate]=\"false\" mjFillContainer></mj-user-view-grid-with-analysis>\r\n</div>", styles: [".single-view-wrap {\r\n padding: 10px;\r\n}\r\n::ng-deep .analysis-wrapper .k-tabstrip-items-wrapper {\r\n background: var(--white-color) !important;\r\n padding-left: 0 !important;\r\n }\r\n ::ng-deep .analysis-wrapper .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item.k-active {\r\n border-bottom: 3px solid var(--border-blue) !important;\r\n }\r\n ::ng-deep .analysis-wrapper .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item {\r\n background: var(--white-color) !important;\r\n border-right: 0 !important;\r\n }"] }]
|
|
187
|
+
args: [{ selector: 'mj-single-view', template: "<div class=\"single-view-wrap\" mjFillContainer [bottomMargin]=\"20\">\r\n <div class=\"card-container\" class=\"searchBox\">\r\n <kendo-textbox\r\n id=\"txtSearch\"\r\n *ngIf=\"showSearch\"\r\n placeholder=\"Search here...\"\r\n kendoTextBox\r\n (valueChange)=\"onSearch($event)\"\r\n [clearButton]=\"true\"\r\n [(ngModel)]=\"searchText\"\r\n ></kendo-textbox>\r\n\r\n <mj-user-view-properties-dialog *ngIf=\"selectedView\" [ViewID]=\"selectedView.ID\" (dialogClosed)=\"this.viewPropertiesDialogClosed($event)\" ></mj-user-view-properties-dialog>\r\n </div>\r\n\r\n <mj-user-view-grid-with-analysis class=\"analysis-wrapper\" (rowClicked)=\"handleRowClick($event)\" [AutoNavigate]=\"false\" mjFillContainer></mj-user-view-grid-with-analysis>\r\n</div>", styles: [".single-view-wrap {\r\n padding: 10px;\r\n}\r\n::ng-deep .analysis-wrapper .k-tabstrip-items-wrapper {\r\n background: var(--white-color) !important;\r\n padding-left: 0 !important;\r\n }\r\n ::ng-deep .analysis-wrapper .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item.k-active {\r\n border-bottom: 3px solid var(--border-blue) !important;\r\n }\r\n ::ng-deep .analysis-wrapper .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item {\r\n background: var(--white-color) !important;\r\n border-right: 0 !important;\r\n }"] }]
|
|
187
188
|
}], () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.SharedService }], { viewGridWithAnalysis: [{
|
|
188
189
|
type: ViewChild,
|
|
189
190
|
args: [UserViewGridWithAnalysisComponent, { static: true }]
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@memberjunction/ng-explorer-core",
|
|
3
|
-
"version": "0.9.
|
|
3
|
+
"version": "0.9.226",
|
|
4
4
|
"description": "MemberJunction Explorer: Core Angular Components",
|
|
5
5
|
"main": "./dist/public-api.js",
|
|
6
6
|
"typings": "./dist/public-api.d.ts",
|
|
@@ -34,13 +34,13 @@
|
|
|
34
34
|
"@memberjunction/ng-container-directives": "^0.9.148",
|
|
35
35
|
"@memberjunction/ng-user-view-grid": "^0.9.231",
|
|
36
36
|
"@memberjunction/ng-query-grid": "^0.9.78",
|
|
37
|
-
"@memberjunction/ng-user-view-properties": "^0.9.
|
|
37
|
+
"@memberjunction/ng-user-view-properties": "^0.9.5",
|
|
38
38
|
"@memberjunction/ng-shared": "^0.9.48",
|
|
39
|
-
"@memberjunction/ng-tabstrip": "^0.9.
|
|
39
|
+
"@memberjunction/ng-tabstrip": "^0.9.4",
|
|
40
40
|
"@memberjunction/ng-ask-skip": "^0.9.119",
|
|
41
41
|
"@memberjunction/ng-auth-services": "^0.9.107",
|
|
42
|
-
"@memberjunction/ng-explorer-settings": "^0.9.
|
|
43
|
-
"@memberjunction/ng-base-forms": "^0.9.
|
|
42
|
+
"@memberjunction/ng-explorer-settings": "^0.9.27",
|
|
43
|
+
"@memberjunction/ng-base-forms": "^0.9.17",
|
|
44
44
|
"@progress/kendo-angular-grid": "~15.1.0",
|
|
45
45
|
"@progress/kendo-angular-buttons": "~15.1.0",
|
|
46
46
|
"@progress/kendo-angular-listview": "~15.1.0",
|