{"version":3,"file":"app-c2731963.af00764743c46c10.bundle.js","mappings":"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","sources":["webpack://client-app/./src/app/project/quantity-takeoff/source-selector/source-selector.scss","webpack://client-app/./src/app/project/quantity-takeoff/source-selector/source-selector.html","webpack://client-app/./src/app/project/quantity-takeoff/source-mediator.ts","webpack://client-app/./src/app/project/quantity-takeoff/source-selector/source-selector.ts"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.source-selector-top-view{min-width:350px;height:50px;padding:10px;margin-bottom:10px;overflow:hidden}.source-selector-top-view .add-btn{float:right}.table-holder{position:relative;width:100%;display:block;overflow:auto;height:calc(100% - 60px)}.table-holder .source-table{width:100%}.table-holder .source-table thead{position:sticky;top:0;z-index:10;background-color:#fff}.table-holder .source-table .selected-type{background-color:#348fe2;color:#fff}.table-holder .source-table th{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;max-width:0;border:1px #d3d3d3 solid;border-top:0px;height:4em;padding-left:5px}.table-holder .source-table th .header-input{width:calc(100% - 5px);margin-top:3px;border-width:1px;border-color:#d3d3d3;border-style:solid}.table-holder .source-table th .header-input:focus-visible{outline:none}.table-holder .source-table td:hover{cursor:pointer}.table-holder .source-table label input{left:50%;transform:translateX(-50%)}.table-holder .source-table td{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:0;border:1px #d3d3d3 solid;height:1.5em;line-height:1.5em;padding-left:5px}.table-holder .source-table th:first-child{vertical-align:bottom;padding-bottom:7px;border-left:0px;width:2em;max-width:2em;padding-left:2px}.table-holder .source-table td:first-child{border-left:0px;width:2em;max-width:2em;padding-left:2px}.table-holder .source-table th:last-child,.table-holder .source-table td:last-child{border-right:0px}.resizer{position:absolute;top:0;right:0;width:5px;cursor:col-resize;user-select:none}`, \"\",{\"version\":3,\"sources\":[\"webpack://./src/app/project/quantity-takeoff/source-selector/source-selector.scss\",\"webpack://./src/resources/styling-admin.scss\"],\"names\":[],\"mappings\":\"AAEA,0BACI,eAAA,CACA,WAAA,CACA,YAAA,CACA,kBAAA,CACA,eAAA,CACA,mCACI,WAAA,CAIR,cACI,iBAAA,CACA,UAAA,CACA,aAAA,CACA,aAAA,CACA,wBAAA,CACA,4BACI,UAAA,CACA,kCACI,eAAA,CACA,KAAA,CACA,UAAA,CACA,qBAAA,CAEJ,2CACI,wBC3BE,CD4BF,UAAA,CAEJ,+BACI,eAAA,CACA,kBAAA,CACA,sBAAA,CACA,iBAAA,CACA,WAAA,CACA,wBAAA,CACA,cAAA,CACA,UAAA,CACA,gBAAA,CAEA,6CACI,sBAAA,CACZ,cAAA,CACA,gBAAA,CACA,oBAAA,CACA,kBAAA,CAED,2DACC,YAAA,CAGI,qCACI,cAAA,CAGA,wCACI,QAAA,CACA,0BAAA,CAGR,+BACI,eAAA,CACA,kBAAA,CACA,sBAAA,CACA,WAAA,CACA,wBAAA,CACA,YAAA,CACA,iBAAA,CACA,gBAAA,CAEJ,2CACL,qBAAA,CACA,kBAAA,CACA,eAAA,CACA,SAAA,CACA,aAAA,CACA,gBAAA,CAEK,2CACI,eAAA,CACA,SAAA,CACA,aAAA,CACA,gBAAA,CAEJ,oFAEI,gBAAA,CAIZ,SACI,iBAAA,CACA,KAAA,CACA,OAAA,CACA,SAAA,CACA,iBAAA,CACA,gBAAA\",\"sourcesContent\":[\"@import \\\"src/resources/styling-admin\\\";\\r\\n\\r\\n.source-selector-top-view {\\r\\n    min-width: 350px;\\r\\n    height: 50px;\\r\\n    padding: 10px;\\r\\n    margin-bottom: 10px;\\r\\n    overflow: hidden;\\r\\n    .add-btn {\\r\\n        float:right;\\r\\n    }\\r\\n}\\r\\n\\r\\n.table-holder {\\r\\n    position: relative;\\r\\n    width: 100%;\\r\\n    display: block;\\r\\n    overflow: auto;\\r\\n    height: calc(100% - 60px);// 60px is top-view height including padding.\\r\\n    .source-table {\\r\\n        width:100%;\\r\\n        thead {\\r\\n            position: sticky;\\r\\n            top:0;\\r\\n            z-index: 10;\\r\\n            background-color: white;\\r\\n        }\\r\\n        .selected-type {\\r\\n            background-color: $blue;\\r\\n            color: white;\\r\\n        }\\r\\n        th {\\r\\n            overflow: hidden;\\r\\n            white-space: nowrap;\\r\\n            text-overflow: ellipsis;\\r\\n            position: relative;\\r\\n            max-width: 0;\\r\\n            border:1px lightgray solid;\\r\\n            border-top: 0px;\\r\\n            height: 4.0em;//50px;//header also needs space for an input field so it should not match in this case.\\r\\n            padding-left: 5px;\\r\\n\\r\\n            .header-input {\\r\\n                width: calc(100% - 5px);\\r\\n\\t\\t\\t\\tmargin-top: 3px;\\r\\n\\t\\t\\t\\tborder-width: 1px;\\r\\n\\t\\t\\t\\tborder-color: lightgray;\\r\\n\\t\\t\\t\\tborder-style: solid;\\r\\n            }\\r\\n\\t\\t\\t.header-input:focus-visible {\\r\\n\\t\\t\\t\\toutline: none;\\r\\n\\t\\t\\t}\\r\\n        }\\r\\n        td:hover {\\r\\n            cursor: pointer;\\r\\n        }\\r\\n        label {\\r\\n            input {\\r\\n                left:50%;      \\r\\n                transform: translateX(-50%);   \\r\\n            }\\r\\n        }\\r\\n        td {\\r\\n            overflow: hidden;\\r\\n            white-space: nowrap;\\r\\n            text-overflow: ellipsis;\\r\\n            max-width: 0;\\r\\n            border:1px lightgray solid;\\r\\n            height: 1.5em;//22px;//Must match;\\r\\n            line-height: 1.5em;//22px; //Must match;\\r\\n            padding-left: 5px;\\r\\n        } \\r\\n        th:first-child {\\r\\n\\t\\t\\tvertical-align: bottom;\\r\\n\\t\\t\\tpadding-bottom: 7px;\\r\\n\\t\\t\\tborder-left:0px;\\r\\n\\t\\t\\twidth: 2em;\\r\\n\\t\\t\\tmax-width: 2em;\\r\\n\\t\\t\\tpadding-left: 2px;\\r\\n\\t\\t}\\r\\n        td:first-child {\\r\\n            border-left:0px;\\r\\n            width: 2em;\\r\\n            max-width: 2em;\\r\\n            padding-left: 2px;\\r\\n        }\\r\\n        th:last-child,\\r\\n        td:last-child {\\r\\n            border-right: 0px;\\r\\n        }\\r\\n    }\\r\\n}\\r\\n.resizer {\\r\\n    position: absolute;\\r\\n    top: 0;\\r\\n    right: 0;\\r\\n    width: 5px;\\r\\n    cursor: col-resize;\\r\\n    user-select: none;\\r\\n}\\r\\n\\r\\n\\r\\n//Old implementation using a grid.\\r\\n// .source-selector {\\r\\n//     height: calc(100% - 60px);\\r\\n//     min-width: 300px;\\r\\n//     padding: 10px;\\r\\n//     padding-top: 0;\\r\\n//     overflow: auto;\\r\\n//     &--type-grid {\\r\\n//         .fixed-header {\\r\\n//             position: sticky;\\r\\n//             top:0;\\r\\n//             background-color: white;\\r\\n//             z-index: 10;\\r\\n//         }\\r\\n//         &--row {\\r\\n//             &.selected-type {\\r\\n//                 background-color: $blue;\\r\\n//                 color: white;\\r\\n//             }\\r\\n//             cursor: pointer;\\r\\n//             display: grid;\\r\\n//             grid-template-columns: 2em repeat(3, calc(33.3% - (0.6667em))); //checkbox  Equally dividing the rest of the space 0.6667em is 2em divided by 3.\\r\\n//             &--column {\\r\\n//                 height: 2em;//22px;//Must match;\\r\\n//                 line-height: 2em;//22px; //Must match;\\r\\n//                 overflow: hidden;\\r\\n//                 text-overflow: ellipsis;\\r\\n//                 border-bottom: 1px solid lightgray;\\r\\n//                 border-left: 1px solid lightgray;\\r\\n//                 padding: 0px 4px;\\r\\n//                 label {\\r\\n//                     display: inline-block;\\r\\n//                     vertical-align: middle;\\r\\n//                 }\\r\\n//                 &.grid-header {\\r\\n//                     height: 4.5em;//50px;//header also needs space for an input field so it should not match in this case.\\r\\n//                     line-height: 2em;\\r\\n//                     label { //Input checkbox\\r\\n//                         line-height: 4.5em;\\r\\n//                     }\\r\\n//                     .header-input {//Input text box\\r\\n//                         height: 2em;\\r\\n//                         width: 100%;\\r\\n//                     }\\r\\n//                 }\\r\\n//             }\\r\\n//             .remove-border {\\r\\n//                 border-left: 0px;\\r\\n//             } \\r\\n//         }\\r\\n//     }\\r\\n// }\\r\\n\",\"$black:       #000000 !default;\\r\\n$blue:        #348fe2 !default;\\r\\n$cyan:        #49b6d6 !default;\\r\\n$dark:        #2d353c !default;\\r\\n$dark-darker: #1a2229 !default;\\r\\n$green:       #32a932 !default;\\r\\n$indigo:      #8753de !default;\\r\\n$lime:        #90ca4b !default;\\r\\n$light:       #f2f3f4 !default;\\r\\n$orange:      #f59c1a !default;\\r\\n$purple:      #727cb6 !default;\\r\\n$pink:        #fb5597 !default;\\r\\n$red:         #ff5b57 !default;\\r\\n$silver:      #b6c2c9 !default;\\r\\n$teal:        #00acac !default;\\r\\n$white:       #FFFFFF !default;\\r\\n$yellow:      #ffd900 !default;\\r\\n$inverse:     $dark !default;\\r\\n$link-color:  $blue !default;\\r\\n$btn-eg-theme-color:    #517770 !default;\\r\\n$btn-ajour-theme-color:\\trgb(29, 30, 90) !default; \\t\\r\\n$colors: (\\r\\n\\t'black': $black,\\r\\n\\t'cyan': $cyan,\\r\\n\\t'dark': $dark,\\r\\n\\t'dark-darker': $dark-darker,\\r\\n\\t'green': $green,\\r\\n\\t'indigo': $indigo,\\r\\n\\t'lime': $lime,\\r\\n\\t'light': $light,\\r\\n\\t'orange': $orange,\\r\\n\\t'purple': $purple,\\r\\n\\t'pink': $pink,\\r\\n\\t'red': $red,\\r\\n\\t'silver': $silver,\\r\\n\\t'teal': $teal,\\r\\n\\t'white': $white,\\r\\n\\t'yellow': $yellow,\\r\\n\\t'muted': darken($silver, 30%),\\r\\n\\t'aqua': $cyan,\\r\\n\\t'btn-eg-theme-color': $btn-eg-theme-color,\\r\\n\\t'btn-ajour-theme-color': $btn-ajour-theme-color,\\r\\n\\r\\n);\\r\\n\\r\\n$border-radius:                     4px !default;\\r\\n$border-radius-lg:                  6px !default;\\r\\n$border-radius-sm:                  3px !default;\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","module.exports = \"<template>\\r\\n    <require from=\\\"./source-selector.scss\\\"></require>\\r\\n    <div class=\\\"source-selector-top-view\\\">\\r\\n\\r\\n\\r\\n        <button click.delegate=\\\"switchToViewerMode()\\\" class=\\\"btn btn-with-theme\\\"><i class=\\\"fa-solid fa-cube\\\"></i> Viewer mode</button>\\r\\n        <button click.delegate=\\\"resetSearch()\\\" class=\\\"btn btn-with-theme\\\" title=\\\"Clear search input\\\"><i class=\\\"fa-solid fa-broom\\\"></i></button>\\r\\n\\r\\n\\t\\t<!--\\r\\n\\t\\t<button click.delegate=\\\"reconvertFragment()\\\" \\r\\n\\t\\t  class=\\\"btn btn-with-theme\\\"\\r\\n\\t\\t  title=\\\"Reconvert Fragment\\\"\\r\\n\\t\\t  >\\r\\n\\t\\t  <i class=\\\"fa-solid fa-cogs\\\"></i> \\r\\n\\t\\t</button>\\r\\n\\r\\n\\t\\t Annoying that updateFilterSources will jump its place to rightmost. -->\\r\\n\\r\\n        <button click.delegate=\\\"updateFilterSources()\\\" disabled.bind=\\\"!sMediator.isBasketAndOriginalDifferent || sMediator.selectedQF == undefined\\\" class=\\\"btn btn-with-theme add-btn\\\">Update Take-off</button>\\r\\n\\r\\n\\r\\n    </div>\\r\\n    <div class=\\\"table-holder\\\">\\r\\n        <table class=\\\"source-table table-with-theme\\\" id=\\\"resizable-source-table\\\" >\\r\\n            <thead>\\r\\n                <tr> \\r\\n                    <th class=\\\"source-checkbox\\\">\\r\\n                        <label class=\\\"checkbox-with-theme\\\" change.delegate=\\\"toggleAll()\\\">\\r\\n                            <input type=\\\"checkbox\\\" disabled.bind=\\\"sMediator.selectedQF == undefined\\\" checked.bind=\\\"sMediator.isAllSelected\\\">\\r\\n                        </label>\\r\\n                    </th>\\r\\n                    <th>\\r\\n                        <b>Category</b>\\r\\n                        <br>\\r\\n                        <input type=\\\"input\\\" class=\\\"header-input\\\" value.bind=\\\"catInput\\\">\\r\\n                    </th>\\r\\n                    <th>\\r\\n                        <b>Type</b>\\r\\n                        <br>\\r\\n                        <input type=\\\"input\\\" class=\\\"header-input\\\" value.bind=\\\"typeInput\\\">\\r\\n                    </th>\\r\\n                    <th>\\r\\n                        <b>Family</b>\\r\\n                        <br>\\r\\n                        <input type=\\\"input\\\" class=\\\"header-input\\\" value.bind=\\\"famInput\\\">\\r\\n                    </th>\\r\\n                </tr>\\r\\n            </thead>\\r\\n            <tbody>\\r\\n                <tr class=\\\"table-items ${sMediator.selectedType == item ? 'select-with-theme' : ''}\\\" virtual-repeat.for=\\\"item of sMediator.loadedTypes\\\" infinite-scroll-next.call=\\\"getMoreTypes($scrollContext)\\\">\\r\\n                    <td class=\\\"source-checkbox\\\">\\r\\n                        <label class=\\\"checkbox-with-theme\\\"><input type=\\\"checkbox\\\" checked.bind=\\\"item.selected\\\" disabled.bind=\\\"sMediator.selectedQF == undefined\\\" change.delegate=\\\"handleToggledItem(item)\\\"></label>\\r\\n                    </td>\\r\\n                    <td click.delegate=\\\"selectType(item)\\\">\\r\\n                        ${item.categoryName}\\r\\n                    </td>\\r\\n                    <td click.delegate=\\\"selectType(item)\\\">\\r\\n                        ${item.name}\\r\\n                    </td>\\r\\n                    <td click.delegate=\\\"selectType(item)\\\">\\r\\n                        ${item.family}\\r\\n                    </td>\\r\\n                </tr>\\r\\n            </tbody> \\r\\n        </table>\\r\\n    </div>\\r\\n</template>\\r\\n\";","import { TypeDto, TypeDtoWCategory } from \"app/components/quantity-filter-sources/quantity-filter-sources\";\r\nimport { QuantityFilterDto, QuantityFilters } from \"../quantity-views/quantity-filters\";\r\nimport { autoinject } from \"aurelia-framework\";\r\nimport { QuantitySourcesService, SearchInputDto } from \"app/services/quantity-sources-service\";\r\nimport { EventAggregator } from 'aurelia-event-aggregator';\r\n\r\n/**\r\n * \r\n */\r\n@autoinject\r\nexport class SourceMediator {\r\n    selectedQF: QuantityFilterDto | undefined;\r\n    loadedTypes: TypeDtoWCategory[] = []; //Types displayed based on the search\r\n    originalSources: Set<string> = new Set();//was: TypeDto[] //The original sources from the selectedFilter\r\n    filterTypesBasket: Set<string> = new Set();//was: TypeDto[] //The sources currently selected, but not saved\r\n    isBasketAndOriginalDifferent: boolean = false; //We cannot trigger bindableChanged on an array, therefore we have an extra bool.\r\n    isAllSelected: boolean = false;\r\n    selectedType: TypeDtoWCategory | undefined;\r\n\r\n    constructor(public qsService: QuantitySourcesService, private events: EventAggregator) {}\r\n\r\n    handleToggledItem(type: TypeDtoWCategory): void {\r\n        if (type.selected == true) {\r\n            this.filterTypesBasket.add(type.id);\r\n        } else {\r\n            this.filterTypesBasket.delete(type.id);\r\n        }\r\n        this.hasSourcesBeenChanged();\r\n        this.setIsAllSelected();\r\n    }\r\n\r\n    async handleAllToggle() {\r\n        if (this.loadedTypes.length == this.loadedTypes.filter(type => type.selected).length) { //All selected, meaning the basket should be emptied.\r\n            this.loadedTypes.forEach(type => type.selected = false);\r\n            let idsToRemove: string[] = this.loadedTypes.map(type => type.id);\r\n            for (let id of idsToRemove) {\r\n                this.filterTypesBasket.delete(id);\r\n            }\r\n        } else { //Not all selected, meaning the basket should be filled with remaining sources.\r\n            this.loadedTypes.forEach(type => type.selected = true);\r\n            let itemsToAdd: TypeDto[] = this.loadedTypes.filter(type => !this.filterTypesBasket.has(type.id));\r\n            for (let type of itemsToAdd) {\r\n                this.filterTypesBasket.add(type.id)\r\n            }\r\n        }\r\n\r\n        this.loadedTypes = this.setSelectedForTypes(this.loadedTypes);\r\n        //Update isBasketAndOriginalDifferent if changes has been made to the basket.\r\n        this.hasSourcesBeenChanged();\r\n        //Check if all sources are now selected (By all it is meant all loaded sources, based on the user input from the 3 input fields.)\r\n        this.setIsAllSelected();  \r\n    }\r\n\r\n    hasSourcesBeenChanged(): void {\r\n        if (this.originalSources.size != this.filterTypesBasket.size) {\r\n            this.isBasketAndOriginalDifferent = true;\r\n            return;\r\n        } else {\r\n            let isChanged: boolean = false;\r\n            this.filterTypesBasket.forEach(t =>  {\r\n                if (!this.originalSources.has(t)) {\r\n                    isChanged = true;\r\n                    return;\r\n                }\r\n            });\r\n            this.isBasketAndOriginalDifferent = isChanged;\r\n        }\r\n    }\r\n\r\n    async setSelectedQF(qf: QuantityFilterDto | undefined): Promise<void> {\r\n\t\ttry {\r\n\t\t\t// wait-cursor. https://jira.eg.dk/browse/AJC-1725 todo\r\n\t\t\tQuantityFilters.animate(true);\r\n            if (qf != undefined) {\r\n                await this.impl_setSelectedQF(qf);//in-setSelectedQF.\r\n            } else {\r\n                this.resetSelectionAndFilter();\r\n            }\r\n\t\t} finally {\r\n\t\t\tconsole.log('after');\r\n\t\t\t// clear-wait-cursor.\r\n\t\t\tQuantityFilters.animate(false);\r\n\t\t}\r\n    }\r\n\r\n\tasync impl_setSelectedQF(qf: QuantityFilterDto):Promise<void> { // UB:setSelectedQF\r\n        let types: TypeDto[] = await this.qsService.getSelectedTypes(qf.id);\r\n\t\tif (types == undefined) {\r\n\t\t\tconsole.trace('now, why would types be undefined here?');\r\n\t\t\treturn;\r\n\t\t}\r\n        this.filterTypesBasket = new Set (types.map(type => type.id));\r\n        this.originalSources = new Set (types.map(type => type.id));\r\n        this.loadedTypes = this.setSelectedForTypes(this.loadedTypes);\r\n        this.isBasketAndOriginalDifferent = false;\r\n        this.setIsAllSelected();\r\n        this.selectedQF = qf;\r\n\t}\r\n\r\n    async newSearchForTypes(searchInpuDto: SearchInputDto, pageIndex: number): Promise<void> {\r\n\t\t// JG: If we disable this, we can get the scroll problem back.\r\n        //this.loadedTypes = []; //To avoid scroll intersection issues.\r\n\t\t//this.loadedTypes.length = 0; // den dur ikke?\r\n\t\tconsole.log('newSearchForTypes, setting this.loadedTypes, had#:', this.loadedTypes.length);\r\n\r\n        let types: TypeDtoWCategory[] = await this.qsService.searchForTypes(searchInpuDto, pageIndex);\r\n\r\n\t\t//this.loadedTypes = []; // dette er tidsnok.\r\n\r\n\t\tthis.setSelectedForTypes(types);\r\n\r\n\t\tthis.loadedTypes = []; // dette er for sent.\r\n\r\n\r\n\t\t//this.loadedTypes = [];\r\n\t\t//this.loadedTypes.length = 0;\r\n        //this.loadedTypes.splice(0,this.loadedTypes.length, ...types);\r\n        this.loadedTypes.push(...types);\r\n\r\n\t\tconsole.log('newSearchForTypes, DONE setting this.loadedTypes, now has:#', this.loadedTypes.length);\r\n        this.setIsAllSelected();\r\n        this.selectedType = undefined;\r\n    }\r\n\r\n    async scrollSearchForTypes(searchInpuDto: SearchInputDto, pageIndex: number): Promise<void> {\r\n        let types: TypeDtoWCategory[] = await this.qsService.searchForTypes(searchInpuDto,pageIndex);\r\n        this.loadedTypes.splice(this.loadedTypes.length,0,...this.setSelectedForTypes(types));\r\n        this.setIsAllSelected();\r\n    }\r\n\r\n    setSelectedForTypes(types: TypeDtoWCategory[]): TypeDtoWCategory[] {\r\n        console.log(\"loadedTypes\", types);\r\n        console.log(\"filterTypesBasket\", this.filterTypesBasket);\r\n        types.forEach(type => {\r\n            type.selected = this.filterTypesBasket.has(type.id);\r\n        });\r\n        return types;\r\n    }\r\n\r\n    setIsAllSelected(): void {\r\n        this.isAllSelected = 0 == this.loadedTypes.filter(type => !type.selected).length;\r\n    }\r\n\r\n    handleDeletedQF(qf: QuantityFilterDto): boolean {\r\n        if (qf.id == this.selectedQF?.id) {\r\n            this.resetSelectionAndFilter();\r\n            return true;\r\n        }\r\n        return false;\r\n    }\r\n\r\n    async updateSourcesOnFilter(): Promise<void> {\r\n\t\tconsole.log('SourceMediator.updateSourcesOnFilter');\r\n        if (!this.selectedQF) { return; }\r\n\r\n\t\tlet itemsToRemove: string[] = [];\r\n\t\tthis.originalSources.forEach(type => {\r\n\t\t\tif (!this.filterTypesBasket.has(type)) {\r\n\t\t\t\titemsToRemove.push(type);\r\n\t\t\t}\r\n\t\t});\r\n\t\t\r\n\t\tlet itemsToAdd: string[] = [];\r\n\t\tthis.filterTypesBasket.forEach(type => {\r\n\t\t\tif (!this.originalSources.has(type)) {\r\n\t\t\t\titemsToAdd.push(type);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tlet successfullyUpdated: boolean = await this.qsService.updateSources(this.selectedQF.id, itemsToAdd,itemsToRemove);\r\n\t\tif (successfullyUpdated) {\r\n\t\t\tlet types: TypeDto[] = await this.qsService.getSelectedTypes(this.selectedQF.id);\r\n\t\t\tthis.originalSources = new Set(types.map(t => t.id));\r\n\t\t\tthis.isBasketAndOriginalDifferent = false;\r\n\t\t\tthis.events.publish('pivot-grid-component:update-grid');\r\n\t\t\tthis.events.publish('type-overview:update-sources');\r\n\t\t}\r\n\t\tconsole.log(\"New selected Sources\", this.originalSources);\r\n    }\r\n\r\n    resetSelectionAndFilter(): void {\r\n        this.selectedQF = undefined;\r\n        this.originalSources.clear();\r\n        this.filterTypesBasket.clear();\r\n        this.isBasketAndOriginalDifferent = false;\r\n        this.isAllSelected = false;\r\n\r\n\t\t// JG: If we disable this, we can get the scroll problem back.\r\n        //this.loadedTypes = []; // the fix-hack\r\n\t\tconsole.log('resetSelectionAndFilter, clearing loadedTypes.selected');\r\n\r\n\t\tthis.loadedTypes.forEach(type => type.selected = false);\r\n\t\tconsole.log('resetSelectionAndFilter, DONE clearing loadedTypes.selected');\r\n\r\n        this.selectedType = undefined;\r\n    }\r\n}\r\n","import { TypeDtoWCategory } from \"app/components/quantity-filter-sources/quantity-filter-sources\";\r\nimport { ApiClient } from \"app/services/api-client\";\r\nimport { AppContextService } from \"app/services/app-context-service\";\r\nimport { autoinject, bindable } from 'aurelia-framework';\r\nimport { QuantitySourcesService, SearchInputDto } from \"app/services/quantity-sources-service\";\r\nimport { SourceMediator } from \"../source-mediator\";\r\nimport { EventAggregator } from \"aurelia-event-aggregator\";\r\nimport { ModalService } from \"app/services/modal-service\";\r\nimport { DialogCloseResult } from \"aurelia-dialog\";\r\n\r\n\r\n@autoinject\r\nexport class SourceSelector {\r\n    @bindable projectId: string = \"\";\r\n    @bindable private catInput: string = \"\";\r\n    @bindable private typeInput: string = \"\";\r\n    @bindable private famInput: string = \"\";\r\n    private pageIndex: number = 0;\r\n    private pageSize: number = 50;\r\n    private isLoading: boolean = false;\r\n    private resetTimeoutId: number = 0; //Number does not matter, as it is just an id for resetting the timeout.\r\n\r\n    constructor(public appContext: AppContextService, public apiClient: ApiClient, \r\n        public qsService: QuantitySourcesService, public sMediator: SourceMediator,\r\n        private events: EventAggregator, private modal: ModalService) {}\r\n\r\n    async bind(): Promise<void> {\r\n        console.log(\"source-selector:bind \", this.projectId);\r\n        await this.sMediator.newSearchForTypes(this.getSearchInputDto(),this.pageIndex);\r\n        await this.getMoreTypes();\r\n        // this.sMediator.loadedTypes = await this.qsService.searchForTypes();\r\n    }\r\n    async attached(): Promise<void> {\r\n        this.setupResizing();\r\n    }\r\n    \r\n    async resetSearch(): Promise<void> {\r\n        this.catInput = \"\";\r\n        this.typeInput = \"\";\r\n        this.famInput = \"\";\r\n        await this.searchForTypes();\r\n    }\r\n\r\n    async catInputChanged(): Promise<void> {\r\n        this.handleInput();\r\n    }\r\n    \r\n    async typeInputChanged(): Promise<void> {\r\n        this.handleInput();\r\n    }\r\n    \r\n    async famInputChanged(): Promise<void> {\r\n        this.handleInput();\r\n    }\r\n\r\n    async handleInput(): Promise<void> {\r\n        clearTimeout(this.resetTimeoutId);\r\n        this.resetTimeoutId = setTimeout(async () => {\r\n            await this.searchForTypes();\r\n        }, 500);\r\n    }\r\n\r\n    async projectIdChanged(): Promise<void> {\r\n        this.catInput = \"\";\r\n        this.typeInput = \"\";\r\n        this.famInput = \"\";\r\n        await this.searchForTypes();\r\n    }\r\n\r\n    async searchForTypes(): Promise<void> {\r\n        this.pageIndex = 0;\r\n        await this.sMediator.newSearchForTypes(this.getSearchInputDto(),this.pageIndex);\r\n        this.getMoreTypes();\r\n    }\r\n\r\n    async getMoreTypes(scrollContext?: any): Promise<void> {\r\n\t\t//console.log('getMoreTypes, scrollContext: (bot)', scrollContext?.isAtBottom, 'rest:', scrollContext);\r\n\t\t// burde topIndex hjælpe os?\t\r\n        if (scrollContext?.isAtBottom == false) { //built in virtual-repeat.for used for only getting more items if bottom is reached.\r\n            return;\r\n        }\r\n        let newPageIndex: number = Math.round(this.sMediator.loadedTypes.length / this.pageSize);\r\n        if (!this.isLoading && newPageIndex != this.pageIndex) {\r\n            await this.loadMoreTypes(newPageIndex);\r\n        }\r\n    }\r\n\r\n    async loadMoreTypes(newPageIndex: number): Promise<void> {\r\n        this.isLoading = true;\r\n        this.pageIndex = newPageIndex;\r\n        await this.sMediator.scrollSearchForTypes(this.getSearchInputDto(), this.pageIndex);\r\n        this.isLoading = false;\r\n    }\r\n\r\n\t// JG: - not currently active.\r\n    //sortTypes(): void {\r\n    //    this.sMediator.loadedTypes.sort((element1, element2) => {\r\n    //        if (element1 && element2) {\r\n    //            return element1.name.localeCompare(element2.name);\r\n    //        }\r\n    //        return 0;\r\n    //    });\r\n    //}\r\n\r\n    getSearchInputDto(): SearchInputDto {\r\n        return {catInput: this.catInput,typeInput: this.typeInput, famInput: this.famInput};\r\n    }\r\n\r\n    handleToggledItem(type: TypeDtoWCategory): void {\r\n        this.sMediator.handleToggledItem(type)\r\n    }\r\n\r\n    async toggleAll(): Promise<void> {\r\n        await this.loadAllTypes(); //To select or deselect all sources, they must first be fetched\r\n        await this.sMediator.handleAllToggle();\r\n    }\r\n\r\n    async loadAllTypes(): Promise<void> {\r\n        let doneLoading: boolean = false;\r\n        while (!doneLoading) {\r\n            let amountOfTypesLoaded: number = this.sMediator.loadedTypes.length;\r\n            await this.getMoreTypes();\r\n            doneLoading = amountOfTypesLoaded == this.sMediator.loadedTypes.length;\r\n        }\r\n    }\r\n\r\n    async switchToViewerMode(): Promise<void> {\r\n        if (this.sMediator.selectedQF != undefined && this.sMediator.isBasketAndOriginalDifferent) {\r\n            let response: DialogCloseResult = await this.modal.OpenConfirm(\"Unsaved data\", \"The changes made have not been saved. Do you wish to continue without saving changes?\").whenClosed();\r\n            if (response.wasCancelled == true) {\r\n                return;\r\n            }\r\n        }\r\n        this.clearSearchField();\r\n        this.sMediator.selectedType = undefined;\r\n        this.events.publish('takeoff-switch-right-view');\r\n    }\r\n\r\n    clearSearchField(): void {\r\n        this.catInput = \"\";\r\n        this.typeInput = \"\";\r\n        this.famInput = \"\";\r\n    }\r\n    \r\n    async updateFilterSources(): Promise<void> {\r\n\t\tconsole.log('sourceSelector.updateFilterSources');\r\n        await this.sMediator.updateSourcesOnFilter();\r\n    }\r\n\r\n    async selectType(typeDto: TypeDtoWCategory) { //If a type is selected Properties will b displayed.\r\n        if (this.sMediator.selectedType == typeDto) {\r\n            this.sMediator.selectedType = undefined;\r\n        } else {\r\n            this.sMediator.selectedType = typeDto\r\n        }\r\n    }\r\n\r\n    setupResizing() {\r\n\t\t//Code inspiration from: https://htmldom.dev/resize-columns-of-a-table/\r\n\t\t// Query the table\r\n\t\tconst table = document.getElementById('resizable-source-table');\r\n\r\n\t\t// Query all headers\r\n\t\tconst cols: NodeListOf<HTMLTableCellElement> | undefined = table?.querySelectorAll('th');\r\n        console.log(\"cols \" , cols);\r\n\t\tif (cols && cols?.length > 0 && cols[0].classList.contains('placeholder-column')) { return; } //If it is a placeholder-column resize is not added.\r\n\t\t// Loop over them\r\n\t\tcols?.forEach(col => {\r\n            if (col.classList.contains('source-checkbox') || col == cols[cols.length -1]) { return; }\r\n\t\t\t// Create a resizer element\r\n\t\t\tconst resizer = document.createElement('div');\r\n\t\t\tresizer.classList.add('resizer');\r\n\r\n\t\t\t// Set the height\r\n\t\t\tresizer.style.height = `${table?.offsetHeight}px`;\r\n\r\n\t\t\t// Add a resizer element to the column\r\n\t\t\tcol.appendChild(resizer);\r\n\r\n\t\t\t// Will be implemented in the next section\r\n\t\t\tthis.createResizableColumn(col, resizer);\r\n\t\t});\r\n\t}\r\n\r\n\tcreateResizableColumn(col: HTMLTableCellElement, resizer: HTMLDivElement) {\r\n\t\t// Track the current position of mouse\r\n\t\tlet x = 0;\r\n\t\tlet w = 0;\r\n\t\r\n\t\tconst mouseDownHandler = function (e: any) {\r\n\t\t\t// Get the current mouse position\r\n\t\t\tx = e.clientX;\r\n\t\r\n\t\t\t// Calculate the current width of column\r\n\t\t\tconst styles = window.getComputedStyle(col);\r\n\t\t\tw = parseInt(styles.width, 10);\r\n\t\r\n\t\t\t// Attach listeners for document's events\r\n\t\t\tdocument.addEventListener('mousemove', mouseMoveHandler);\r\n\t\t\tdocument.addEventListener('mouseup', mouseUpHandler);\r\n\t\t};\r\n\t\r\n\t\tconst mouseMoveHandler = function (e: any) {\r\n\t\t\t// Determine how far the mouse has been moved\r\n\t\t\tconst dx = e.clientX - x;\r\n\t\t\t\r\n\t\t\t// Update the width of column\r\n\t\t\tlet newWidth: number = w + dx;\r\n\t\t\tcol.style.minWidth = `${newWidth}px`; //Both has to be set.\r\n\t\t\tcol.style.width = `${newWidth}px`; //Both has to be set.\r\n\t\t};\r\n\t\r\n\t\t// When user releases the mouse, remove the existing event listeners\r\n\t\tconst mouseUpHandler = function () {\r\n\t\t\tdocument.removeEventListener('mousemove', mouseMoveHandler);\r\n\t\t\tdocument.removeEventListener('mouseup', mouseUpHandler);\r\n\t\t};\r\n\t\r\n\t\tresizer.addEventListener('mousedown', mouseDownHandler);\r\n\t}\r\n}\r\n\r\n\r\n"],"names":["___CSS_LOADER_EXPORT___","push","module","id","exports","SourceMediator","constructor","qsService","events","loadedTypes","originalSources","Set","filterTypesBasket","isBasketAndOriginalDifferent","isAllSelected","handleToggledItem","type","selected","this","add","delete","hasSourcesBeenChanged","setIsAllSelected","handleAllToggle","length","filter","forEach","idsToRemove","map","itemsToAdd","has","setSelectedForTypes","size","isChanged","t","setSelectedQF","qf","QuantityFilters","animate","undefined","impl_setSelectedQF","resetSelectionAndFilter","console","log","types","getSelectedTypes","selectedQF","trace","newSearchForTypes","searchInpuDto","pageIndex","searchForTypes","selectedType","scrollSearchForTypes","splice","handleDeletedQF","updateSourcesOnFilter","itemsToRemove","updateSources","publish","clear","autoinject","EventAggregator","SourceSelector","appContext","apiClient","sMediator","modal","projectId","catInput","typeInput","famInput","pageSize","isLoading","resetTimeoutId","bind","getSearchInputDto","getMoreTypes","attached","setupResizing","resetSearch","catInputChanged","handleInput","typeInputChanged","famInputChanged","clearTimeout","setTimeout","async","projectIdChanged","scrollContext","isAtBottom","newPageIndex","Math","round","loadMoreTypes","toggleAll","loadAllTypes","doneLoading","amountOfTypesLoaded","switchToViewerMode","OpenConfirm","whenClosed","wasCancelled","clearSearchField","updateFilterSources","selectType","typeDto","table","document","getElementById","cols","querySelectorAll","classList","contains","col","resizer","createElement","style","height","offsetHeight","appendChild","createResizableColumn","x","w","mouseMoveHandler","e","dx","clientX","newWidth","minWidth","width","mouseUpHandler","removeEventListener","addEventListener","styles","window","getComputedStyle","parseInt","bindable"],"sourceRoot":""}