{"version":3,"file":"app-7dd792f3.6a2ed6351fa81670.bundle.js","mappings":"wNAGIA,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,GAAI,yhBAA0hB,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,uEAAuE,MAAQ,GAAG,SAAW,oNAAoN,eAAiB,CAAC,0qBAA0qB,WAAa,MAExlD,S,4DCPAD,EAAOE,QAAU,81H,2mBCMV,IAAMC,EAAN,MAgBHC,YAAmBC,EAAsCC,GAAtC,KAAAD,eAAAA,EAAsC,KAAAC,gBAAAA,EAfrC,KAAAC,YAAsB,EACtB,KAAAC,UAAoB,EACpB,KAAAC,iBAA2B,EAC3B,KAAAC,oBAA8B,EAC9B,KAAAC,qBAA+B,EAC/B,KAAAC,gBAA0B,EAC1B,KAAAC,gBAA0B,EAC1B,KAAAC,eAAyB,EACzB,KAAAC,iBAA2B,EAC3B,KAAAC,gBAA0B,EAC1B,KAAAC,cAAwB,EACxB,KAAAC,cAAwB,GACxB,KAAAC,IAAc,GAE1B,KAAAC,cAAgC,EAGxC,CAEAC,OACIC,KAAKF,cAAgB,CACjBE,KAAKhB,gBAAgBiB,UAAU,0BAA0B,KAAQD,KAAKE,eAAe,IAE7F,CACAC,SACIH,KAAKF,cAAcM,SAAQC,GAAgBA,EAAaC,WAC5D,CAEAC,oBACIP,KAAKjB,eAAeE,WAAWe,KAAKf,WACxC,CAEAuB,kBACIR,KAAKjB,eAAe0B,YAAYT,KAAKd,SACzC,CAEAwB,yBACOV,KAAKb,gBACJa,KAAKjB,eAAe4B,gBAAe,GAEnCX,KAAKjB,eAAe4B,gBAAe,EAE3C,CAEAC,4BACOZ,KAAKZ,qBACJY,KAAKjB,eAAe8B,cAAc,cAAeb,KAAKH,KACtDG,KAAKX,qBAAsB,EAEnC,CAEAyB,6BACOd,KAAKX,sBACJW,KAAKjB,eAAe8B,cAAc,aAAcb,KAAKH,KACrDG,KAAKZ,oBAAqB,EAGlC,CAEA2B,wBACOf,KAAKV,iBACJU,KAAKjB,eAAeiC,YAAY,WAChChB,KAAKT,gBAAiB,EACtBS,KAAKR,eAAgB,EAE7B,CAEAyB,wBACOjB,KAAKT,iBACJS,KAAKjB,eAAeiC,YAAY,eAChChB,KAAKV,gBAAiB,EACtBU,KAAKR,eAAgB,EAE7B,CAEA0B,uBACOlB,KAAKR,gBACJQ,KAAKjB,eAAeiC,YAAY,UAChChB,KAAKV,gBAAiB,EACtBU,KAAKT,gBAAiB,EAE9B,CAEA4B,0BACInB,KAAKjB,eAAeqC,sBAAsBpB,KAAKP,iBAEnD,CAEA4B,yBACIrB,KAAKjB,eAAeuC,mBAAmBtB,KAAKN,gBAChD,CAEA6B,uBACIvB,KAAKjB,eAAeyC,iBAAiBxB,KAAKL,cAC9C,CAEA8B,uBACIzB,KAAKjB,eAAe2C,iBAAiB1B,KAAKJ,cAC9C,CAEA+B,aACI3B,KAAKjB,eAAe6C,eAAe5B,KAAKH,IAE5C,CAEAK,gBACAF,KAAKf,YAAa,EAClBe,KAAKd,UAAW,EAChBc,KAAKb,iBAAkB,EACvBa,KAAKZ,oBAAqB,EAC1BY,KAAKX,qBAAsB,EAC3BW,KAAKV,gBAAiB,EACtBU,KAAKT,gBAAiB,EACtBS,KAAKR,eAAgB,EACrBQ,KAAKP,iBAAmB,EACxBO,KAAKN,gBAAkB,EACvBM,KAAKL,cAAgB,EACrBK,KAAKJ,cAAgB,GACrBI,KAAKH,IAAM,EACX,CAEAgC,gBACI7B,KAAKhB,gBAAgB8C,QAAQ,qCACjC,GA3HA,GAAC,EAAAC,W,2DACD,GAAC,EAAAA,W,yDACD,GAAC,EAAAA,W,gEACD,GAAC,EAAAA,W,mEACD,GAAC,EAAAA,W,oEACD,GAAC,EAAAA,W,+DACD,GAAC,EAAAA,W,+DACD,GAAC,EAAAA,W,8DACD,GAAC,EAAAA,W,gEACD,GAAC,EAAAA,W,+DACD,GAAC,EAAAA,W,6DACD,GAAC,EAAAA,W,6DACD,GAAC,EAAAA,W,mDAbQlD,EAAc,GAD1B,EAAAmD,W,uBAiBsC,IAAuC,OAhBjEnD,E","sources":["webpack://client-app/./src/app/components/viewer-settings/viewer-settings.scss","webpack://client-app/./src/app/components/viewer-settings/viewer-settings.html","webpack://client-app/./src/app/components/viewer-settings/viewer-settings.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, \".radio-btn-title,.select-btn-title{display:inline;padding-top:4px}.custom-radio-btn{display:inline;left:100px;position:absolute}.radio-style,.checked-style{position:relative}.radio-style .selection-width,.checked-style .selection-width{width:125px}.radio-style .selection-width .settings-input,.checked-style .selection-width .settings-input{position:absolute;right:0}.range-with-theme{width:100%}.range-with-theme input{width:100%}.settings-close-button{position:absolute;top:10px;right:20px}.reset-settings-button{margin-bottom:5px}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/app/components/viewer-settings/viewer-settings.scss\"],\"names\":[],\"mappings\":\"AAAA,mCACI,cAAA,CACA,eAAA,CAGJ,kBACA,cAAA,CACA,UAAA,CACA,iBAAA,CAGA,4BACI,iBAAA,CACA,8DACI,WAAA,CACA,8FACI,iBAAA,CACI,OAAA,CAIhB,kBACI,UAAA,CACA,wBACI,UAAA,CAGR,uBACI,iBAAA,CACA,QAAA,CACA,UAAA,CAGJ,uBACI,iBAAA\",\"sourcesContent\":[\".radio-btn-title, .select-btn-title {\\r\\n    display: inline;\\r\\n    padding-top: 4px;\\r\\n}\\r\\n\\r\\n.custom-radio-btn {\\r\\ndisplay: inline;\\r\\nleft:100px;\\r\\nposition: absolute;\\r\\n}\\r\\n\\r\\n.radio-style, .checked-style {\\r\\n    position: relative;\\r\\n    .selection-width {\\r\\n        width: 125px;\\r\\n        .settings-input {\\r\\n            position: absolute;\\r\\n                right:0;\\r\\n            }\\r\\n    }\\r\\n}\\r\\n.range-with-theme {\\r\\n    width: 100%;\\r\\n    input {\\r\\n        width: 100%;\\r\\n    }\\r\\n}\\r\\n.settings-close-button {\\r\\n    position: absolute;\\r\\n    top: 10px;\\r\\n    right: 20px;\\r\\n}\\r\\n\\r\\n.reset-settings-button {\\r\\n    margin-bottom: 5px;\\r\\n}\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","module.exports = \"<template>\\r\\n    <require from=\\\"./viewer-settings.scss\\\"></require>\\r\\n    <div>\\r\\n        <button class=\\\"btn btn-default settings-close-button\\\" click.delegate=\\\"closeSettings()\\\" i18n=\\\"translation:[title]Close\\\">\\r\\n            <i class=\\\"far fa-times\\\"></i>\\r\\n        </button>\\r\\n        <h4>Settings</h4>\\r\\n        <hr>\\r\\n        <div class=\\\"checked-style\\\">\\r\\n            <label class=\\\"checkbox-with-theme selection-width\\\">Show spaces<input type=\\\"checkbox\\\" class=\\\"settings-input\\\" checked.bind=\\\"showSpaces\\\"></label>\\r\\n        </div>\\r\\n        <br>\\r\\n        <div class=\\\"checked-style\\\">\\r\\n            <label class=\\\"checkbox-with-theme selection-width\\\">Walk mode<input type=\\\"checkbox\\\" class=\\\"settings-input\\\" checked.bind=\\\"walkMode\\\"></label>\\r\\n        </div>\\r\\n        <br>\\r\\n        <div class=\\\"checked-style\\\">\\r\\n            <label class=\\\"checkbox-with-theme selection-width\\\">Enable Joystick<input type=\\\"checkbox\\\" class=\\\"settings-input\\\" checked.bind=\\\"joystickEnabled\\\"></label>\\r\\n        </div>\\r\\n        <hr>\\r\\n        <div class=\\\"radio-style\\\">\\r\\n            <label class=\\\"radio-with-theme selection-width\\\">\\r\\n                Perspective\\r\\n                <input type=\\\"radio\\\" class=\\\"settings-input\\\" id=\\\"persChecked\\\" name=\\\"camera-type\\\" model.bind=\\\"true\\\" checked.bind=\\\"perspectiveChecked\\\">\\r\\n            </label>\\r\\n            <br><br>\\r\\n            <label class=\\\"radio-with-theme selection-width\\\">\\r\\n                Orthographic\\r\\n                <input type=\\\"radio\\\" class=\\\"settings-input\\\" id=\\\"orthoChecked\\\" name=\\\"camera-type\\\" model.bind=\\\"true\\\" checked.bind=\\\"orthographicChecked\\\">\\r\\n            </label>\\r\\n        </div>\\r\\n        <hr>\\r\\n        <div class=\\\"radio-style\\\">\\r\\n            <label class=\\\"radio-with-theme selection-width\\\">\\r\\n                Regular\\r\\n                <input type=\\\"radio\\\" class=\\\"settings-input\\\" id=\\\"regularChecked\\\" name=\\\"viewpoint-radio\\\" model.bind=\\\"true\\\" checked.bind=\\\"regularChecked\\\">\\r\\n            </label>\\r\\n            <br><br>\\r\\n            <label class=\\\"radio-with-theme selection-width\\\">\\r\\n                Contour\\r\\n                <input type=\\\"radio\\\" class=\\\"settings-input\\\" id=\\\"contourChecked\\\" name=\\\"viewpoint-radio\\\" checked.bind=\\\"contourChecked\\\">\\r\\n            </label>\\r\\n            <br><br>\\r\\n            <label class=\\\"radio-with-theme selection-width\\\">\\r\\n                Sketch\\r\\n                <input type=\\\"radio\\\" class=\\\"settings-input\\\" id=\\\"sketchChecked\\\" name=\\\"viewpoint-radio\\\"checked.bind=\\\"sketchChecked\\\">\\r\\n            </label>\\r\\n        </div>\\r\\n\\r\\n        <hr>\\r\\n        <label class=\\\"range-with-theme\\\">\\r\\n            <b>Translucent Opacity - ${translucentValue}%</b>\\r\\n            <br>\\r\\n            <input type=\\\"range\\\" min=\\\"1\\\" max=\\\"100\\\" value.bind=\\\"translucentValue\\\">\\r\\n        </label>\\r\\n        <br>\\r\\n        <label class=\\\"range-with-theme\\\">\\r\\n            <b>Horizontal speed - ${horizontalSpeed}m/s</b>\\r\\n            <br>\\r\\n            <input type=\\\"range\\\" min=\\\"1\\\" max=\\\"100\\\" value.bind=\\\"horizontalSpeed\\\">\\r\\n        </label>        \\r\\n        <br>\\r\\n        <label class=\\\"range-with-theme\\\">\\r\\n            <b>Vertical speed - ${verticalSpeed}m/s</b>\\r\\n            <br>\\r\\n            <input type=\\\"range\\\" min=\\\"1\\\" max=\\\"100\\\" value.bind=\\\"verticalSpeed\\\">\\r\\n        </label>\\r\\n        <br>\\r\\n        <label class=\\\"range-with-theme\\\">\\r\\n            <b>Rotation speed - ${rotationSpeed}°/s</b>\\r\\n            <br>\\r\\n            <input type=\\\"range\\\" min=\\\"1\\\" max=\\\"360\\\" value.bind=\\\"rotationSpeed\\\">\\r\\n        </label>\\r\\n        <br>\\r\\n        <label class=\\\"range-with-theme\\\">\\r\\n            <b>Field of view - ${fov}°</b>\\r\\n            <br>\\r\\n            <input type=\\\"range\\\" min=\\\"30\\\" max=\\\"150\\\" value.bind=\\\"fov\\\">\\r\\n        </label>\\r\\n        <br>\\r\\n        <button class=\\\"btn btn-with-theme reset-settings-button\\\" style=\\\"width: 100%; margin-top: 10px;\\\" click.delegate=\\\"resetSettings()\\\">Reset</button>\\r\\n    </div>\\r\\n</template>\";","import {EventAggregator, Subscription} from \"aurelia-event-aggregator\";\r\nimport { ViewerService } from \"app/services/viewer-service\";\r\nimport { autoinject } from \"aurelia-framework\";\r\nimport { observable } from 'aurelia-framework';\r\n\r\n@autoinject\r\nexport class ViewerSettings {\r\n    @observable private showSpaces: boolean = false;\r\n    @observable private walkMode: boolean = false;\r\n    @observable private joystickEnabled: boolean = false;\r\n    @observable private perspectiveChecked: boolean = true;\r\n    @observable private orthographicChecked: boolean = false;\r\n    @observable private regularChecked: boolean = true;\r\n    @observable private contourChecked: boolean = false;\r\n    @observable private sketchChecked: boolean = false;\r\n    @observable private translucentValue: number = 5;\r\n    @observable private horizontalSpeed: number = 3;\r\n    @observable private verticalSpeed: number = 2;\r\n    @observable private rotationSpeed: number = 40;\r\n    @observable private fov: number = 60;\r\n\r\n    private subscriptions: Subscription[] = [];\r\n    constructor(public viewersettings: ViewerService, public eventAggregator: EventAggregator) \r\n    {\r\n    }\r\n\r\n    bind() {\r\n        this.subscriptions = [\r\n            this.eventAggregator.subscribe('viewer-settings:reload', () => { this.resetSettings() })\r\n        ]\r\n    }\r\n    unbind() {\r\n        this.subscriptions.forEach(subscription => subscription.dispose());\r\n    }\r\n\r\n    showSpacesChanged(): void {\r\n        this.viewersettings.showSpaces(this.showSpaces);\r\n    }\r\n\r\n    walkModeChanged(): void {\r\n        this.viewersettings.setWalkMode(this.walkMode);\r\n    }\r\n\r\n    joystickEnabledChanged(): void {\r\n        if(this.joystickEnabled) {\r\n            this.viewersettings.enableJoystick(true);\r\n        } else {\r\n            this.viewersettings.enableJoystick(false);\r\n        }\r\n    }\r\n\r\n    perspectiveCheckedChanged(): void {\r\n        if(this.perspectiveChecked) {\r\n            this.viewersettings.setCameraView(\"perspective\", this.fov);\r\n            this.orthographicChecked = false;\r\n        }\r\n    }\r\n\r\n    orthographicCheckedChanged(): void {\r\n        if(this.orthographicChecked) {\r\n            this.viewersettings.setCameraView(\"orthogonal\", this.fov);\r\n            this.perspectiveChecked = false;\r\n\r\n        }\r\n    }\r\n\r\n    regularCheckedChanged(): void {\r\n        if(this.regularChecked) {\r\n            this.viewersettings.setViewMode('regular')\r\n            this.contourChecked = false;\r\n            this.sketchChecked = false;\r\n        }\r\n    }\r\n    \r\n    contourCheckedChanged(): void {\r\n        if(this.contourChecked) {\r\n            this.viewersettings.setViewMode('hidden-line')\r\n            this.regularChecked = false;\r\n            this.sketchChecked = false;\r\n        }\r\n    }\r\n    \r\n    sketchCheckedChanged(): void {\r\n        if(this.sketchChecked) {\r\n            this.viewersettings.setViewMode('sketch')\r\n            this.regularChecked = false;\r\n            this.contourChecked = false;\r\n        }\r\n    }\r\n\r\n    translucentValueChanged(): void {\r\n        this.viewersettings.setTranslucentOpacity(this.translucentValue);\r\n\r\n    }\r\n\r\n    horizontalSpeedChanged(): void {\r\n        this.viewersettings.setHorizontalSpeed(this.horizontalSpeed);\r\n    }\r\n\r\n    verticalSpeedChanged(): void {\r\n        this.viewersettings.setVerticalSpeed(this.verticalSpeed);\r\n    }\r\n\r\n    rotationSpeedChanged(): void {\r\n        this.viewersettings.setRotationSpeed(this.rotationSpeed);\r\n    }\r\n\r\n    fovChanged(): void {\r\n        this.viewersettings.setFieldOfView(this.fov);\r\n\r\n    }\r\n\r\n    resetSettings() {\r\n    this.showSpaces = false;\r\n    this.walkMode = false;\r\n    this.joystickEnabled = false;\r\n    this.perspectiveChecked = true;\r\n    this.orthographicChecked = false;\r\n    this.regularChecked = true;\r\n    this.contourChecked = false;\r\n    this.sketchChecked = false;\r\n    this.translucentValue = 5;\r\n    this.horizontalSpeed = 3;\r\n    this.verticalSpeed = 2;\r\n    this.rotationSpeed = 40;\r\n    this.fov = 60;\r\n    }\r\n\r\n    closeSettings() {\r\n        this.eventAggregator.publish('ViewerMenu:ChangeIsSettingsVisible');\r\n    }\r\n\r\n}\r\n"],"names":["___CSS_LOADER_EXPORT___","push","module","id","exports","ViewerSettings","constructor","viewersettings","eventAggregator","showSpaces","walkMode","joystickEnabled","perspectiveChecked","orthographicChecked","regularChecked","contourChecked","sketchChecked","translucentValue","horizontalSpeed","verticalSpeed","rotationSpeed","fov","subscriptions","bind","this","subscribe","resetSettings","unbind","forEach","subscription","dispose","showSpacesChanged","walkModeChanged","setWalkMode","joystickEnabledChanged","enableJoystick","perspectiveCheckedChanged","setCameraView","orthographicCheckedChanged","regularCheckedChanged","setViewMode","contourCheckedChanged","sketchCheckedChanged","translucentValueChanged","setTranslucentOpacity","horizontalSpeedChanged","setHorizontalSpeed","verticalSpeedChanged","setVerticalSpeed","rotationSpeedChanged","setRotationSpeed","fovChanged","setFieldOfView","closeSettings","publish","observable","autoinject"],"sourceRoot":""}