{"version":3,"sources":["webpack:///../WCC.UI/App/components/cardsScoreAnswers/cardsScoreAnswers.html?63bd","webpack:///../WCC.UI/App/components/cardsScoreAnswers/cardsScoreAnswers.scss?088e","webpack:///../WCC.UI/App/components/cardsScoreAnswers/cardsScoreAnswers.ts","webpack:///../WCC.UI/App/webpack/runtime/htmlExposer.js","webpack:///../WCC.UI/App/components/cardsScoreAnswers/cardsScoreAnswers.scss","webpack:///../WCC.UI/App/components/cardsScoreAnswers/cardsScoreAnswers.html"],"names":["content","expose","__esModule","default","api","module","i","options","exports","locals","CardsScoreAnswersVM","constructor","model","info","managers","effects","_model$topic","_model$cardsScales","_model$cards","items","ko","observableArray","topicManager","topic","topicId","isLoadingTopic","observable","pluck","scales","cardsScales","t","cards","hideTitle","showValues","answers","unwrap","isReady","pureComputed","length","register","this","buildItems","showComments","showScaleNames","applyBindingsToNode","element","scaleTuples","reduce","result","answer","scale","find","id","cardsScaleId","push","_","sortBy","item","cardScaleOrder","_ref","cardTuples","answerCard","card","cardId","sortedCardTuples","order","title","scaleLeftName","leftName","scaleRightName","rightName","values","map","_item$answerCard$real","position","value","realValueStr","medianPosition","median","medianStr","realAnswers","realCards","rc","_rc$RealValue","_rc$Person","_rc$Person2","_rc$RealValue2","_item$answerCard$real2","realValue","RealValue","toFixed","personId","Person","PersonId","name","Name","comment","Comment","aboveAVGValue","__decorate","injectable","__param","inject","wccModules","componentConfig","componentInfo","managersContext","system","SystemHelpers","html","getTemplatesAndResources","forEach","node","document","head","appendChild","___CSS_LOADER_API_IMPORT___"],"mappings":"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","file":"275.24cbbcffbdf17cea5fd2.js","sourcesContent":["define([\n        \"!!../../../node_modules/html-loader/dist/cjs.js??ref--26-1!./cardsScoreAnswers.html\", \n        \"!../../webpack/runtime/htmlExposer.js\"], function (content, expose) {\n            content = content.__esModule ? content.default : content;\n            expose(content);\n            return content;\n        });","var api = require(\"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n            var content = require(\"!!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./cardsScoreAnswers.scss\");\n\n            content = content.__esModule ? content.default : content;\n\n            if (typeof content === 'string') {\n              content = [[module.id, content, '']];\n            }\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nmodule.exports = content.locals || {};","import { injectable, inject } from \"inversify\";\r\nimport { SubscribableOrValue, PureComputed, Subscribable, ObservableArray, Observable, Computed } from \"knockout\";\r\n\r\nimport { ManagersContext } from \"managers/context\";\r\nimport { Topic } from \"models/topic\";\r\nimport { TopicCardsScale } from \"models/topicCardsScale\";\r\nimport { TopicCard } from \"../../models/topicCard\";\r\nimport { CardsScoreAnswer } from \"models/cardsScoreAnswer\";\r\nimport { CardsScoreAnswerCard } from \"models/cardsScoreAnswerCard\";\r\nimport { wccModules } from \"enums/wccModules\";\r\nimport { EffectsContainer } from \"mixins/withEffects\";\r\n\r\nimport './cardsScoreAnswers.html';\r\nimport './cardsScoreAnswers.scss';\r\n\r\nexport interface CardsScoreAnswersConfig {\r\n    topicId?: SubscribableOrValue<string>\r\n    topic?: SubscribableOrValue<Topic>\r\n    cards?: ObservableArray<TopicCard>\r\n    cardsScales?: ObservableArray<TopicCardsScale>\r\n    answers?: SubscribableOrValue<Array<CardsScoreAnswer>>\r\n    hideTitle?: boolean\r\n    showValues?: boolean\r\n    showScaleNames?: boolean\r\n    showComments: Observable<boolean>\r\n}\r\n\r\nexport interface CardsScoreAnswersScaleItem {\r\n    id: Subscribable<string>\r\n    title: Subscribable<string>\r\n    scaleLeftName: string\r\n    scaleRightName: string\r\n    values: Array<CardsScoreAnswersCardValue>\r\n    hideTitle: boolean\r\n    showScaleNames: boolean\r\n}\r\n\r\ninterface CardScoreRealAnswer {\r\n    realValue: string | undefined\r\n    personId: string | undefined\r\n    name: string | undefined\r\n    comment: string | undefined\r\n    aboveAVGValue: boolean\r\n}\r\n\r\nexport interface CardsScoreAnswersCardValue {\r\n    title: Subscribable<string>\r\n    position: Subscribable<number | undefined>\r\n    realValueStr: Subscribable<string | undefined>\r\n    medianPosition: Subscribable<number | undefined>\r\n    medianStr: Subscribable<string>\r\n    showValues: boolean\r\n    showComments: Observable<boolean>\r\n    realAnswers: CardScoreRealAnswer[] | undefined\r\n}\r\n\r\n@injectable()\r\nexport default class CardsScoreAnswersVM {\r\n    items: ObservableArray<CardsScoreAnswersScaleItem> = ko.observableArray()\r\n\r\n    constructor(\r\n        @inject(wccModules.componentConfig) model: CardsScoreAnswersConfig,\r\n        @inject(wccModules.componentInfo) info: ko.components.ComponentInfo,\r\n        @inject(wccModules.managersContext) managers: ManagersContext,\r\n        @inject(wccModules.effects) effects: EffectsContainer\r\n    ) {\r\n        const topicManager = managers.topic(model.topicId);\r\n        const isLoadingTopic = model.topic ? ko.observable(false) : topicManager.pluck('loading', true);\r\n        const topic = (model.topic ?? topicManager.pluck('topic')) as PureComputed<Topic | undefined>\r\n        const scales = model.cardsScales ?? topic.pluck(t => t.cardsScales, []);\r\n        const cards = model.cards ?? topic.pluck(t => t.cards, []);\r\n\r\n        const hideTitle = model.hideTitle == true;\r\n        const showValues = model.showValues == true;\r\n\r\n        const answers = ko.observable(model.answers).unwrap().default([] as Array<CardsScoreAnswer>);\r\n\r\n        const isReady = ko.pureComputed(() => !isLoadingTopic() && answers().length > 0);\r\n\r\n        effects.register((scales, cards, answers, isReady) => {\r\n            if (isReady)\r\n                this.items(this.buildItems(scales, cards, answers, hideTitle, showValues, model.showComments, model.showScaleNames == true));\r\n            else\r\n                this.items([]);\r\n        }, [scales, cards, answers, isReady]);\r\n\r\n        ko.applyBindingsToNode(info.element, {\r\n            'visible': isReady,\r\n\r\n            'css': {\r\n                'cards-score-answers': true\r\n            }\r\n        }, this);\r\n    }\r\n\r\n    private buildItems(scales: Array<TopicCardsScale>, cards: Array<TopicCard>, answers: Array<CardsScoreAnswer>, \r\n                       hideTitle: boolean, showValues: boolean, showComments: Observable<boolean>, showScaleNames: boolean): Array<CardsScoreAnswersScaleItem> {\r\n        const scaleTuples = answers.reduce((result, answer) => {\r\n            const scale = scales.find(scale => scale.id() === answer.cardsScaleId());\r\n\r\n            if(scale)\r\n                result.push({ scale, answer });\r\n\r\n            return result;\r\n        }, [] as Array<{ scale: TopicCardsScale, answer: CardsScoreAnswer }>);\r\n\r\n        const sortedScaleTuples = _(scaleTuples).sortBy(item => item.scale.cardScaleOrder());\r\n\r\n        return sortedScaleTuples.reduce((result, { scale, answer }) => {\r\n            const cardTuples = answer.cards().reduce((result, answerCard) => {\r\n                const card = cards.find(card => card.id() === answerCard.cardId());\r\n\r\n                if (card)\r\n                    result.push({ card, answerCard });\r\n\r\n                return result;\r\n            }, [] as Array<{ card: TopicCard, answerCard: CardsScoreAnswerCard }>);\r\n\r\n            const sortedCardTuples = _(cardTuples).sortBy(item => item.card.order());\r\n\r\n            result.push({\r\n                id: scale.id as Subscribable<string>,\r\n                title: scale.title,\r\n                scaleLeftName: scale.leftName(),\r\n                scaleRightName: scale.rightName(),\r\n                values: sortedCardTuples.map(item => ({\r\n                    title: item.card.title,\r\n                    position: item.answerCard.value,\r\n                    realValueStr: item.answerCard.realValueStr,\r\n                    medianPosition: item.answerCard.median,\r\n                    medianStr: item.answerCard.medianStr,\r\n                    showValues: showValues,\r\n                    showComments: showComments,\r\n                    realAnswers: item.answerCard.realCards?.map(rc => ({\r\n                        realValue: '(' + rc.RealValue?.toFixed(1) + ')',\r\n                        personId: rc.Person?.PersonId,\r\n                        name: rc.Person?.Name,\r\n                        comment: rc.Comment,\r\n                        aboveAVGValue: +(rc.RealValue ?? 0) > +(item.answerCard.realValue() ?? 0)\r\n                    }))\r\n                })),\r\n                hideTitle: hideTitle,\r\n                showScaleNames: showScaleNames,\r\n            });\r\n\r\n            return result;\r\n        }, [] as Array<CardsScoreAnswersScaleItem>);\r\n    }\r\n}","define(function () {\r\n    const system = require('helpers/system').SystemHelpers;\r\n\r\n    return function (html) {\r\n        system.getTemplatesAndResources(html)\r\n            .forEach(function (node) { document.head.appendChild(node) });\r\n    }\r\n});","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \".cards-score-answers{display:block}.cards-score-answers__scale{margin-bottom:20px}.cards-score-answers__scale:last-child{margin-bottom:0}.cards-score-answers__scale__title{margin:0 0 15px}.cards-score-answers__scale__value{margin-bottom:10px}.cards-score-answers__scale__value:last-child{margin-bottom:0}.cards-score-answers__scale__value__title{margin-bottom:7px;margin-top:14px;font-size:13px}.cards-score-answers__scale__value__title .card-srore-card__title{display:inline-block;width:60%}.cards-score-answers__scale__value__title .card-srore-card__value{font-weight:bold;float:right;display:inline-block;max-width:35%;color:#297dc4}.cards-score-answers__scale__value__title .card-srore-card__value_second{color:#ee7c0e}.cards-score-answers__slider{position:relative;height:4px;background-color:#5ca2dd;border-radius:4px}.cards-score-answers__slider__pin{position:absolute;top:50%;width:12px;height:12px;transform:translate(-50%, -50%);background-color:#297dc4;border-radius:100%}.cards-score-answers__slider__pin.cards-score-answers__slider__pin_orange{background-color:#ee7c0e}.cards-score-answers__slider__center{position:absolute;top:50%;width:1px;height:12px;transform:translate(-50%, -50%);background-color:#297dc4;border-radius:100%;left:50%}.cards-score-answers__scale-names{padding-top:15px;font-weight:bold;font-size:14px}.cards-score-answers__scale-name{width:45%}.cards-score-answers__scale-name-left{float:left}.cards-score-answers__scale-name-right{float:right;text-align:right}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// Module\nvar code = \"<script id=\\\"wcc-components-cards-score-answers\\\" type=\\\"text/template\\\">\\r\\n    <!-- ko foreach: items -->\\r\\n    <div class=\\\"cards-score-answers__scale\\\">\\r\\n        <!-- ko ifnot: hideTitle -->\\r\\n        <h4 class=\\\"cards-score-answers__scale__title\\\" data-bind=\\\"text: title\\\"></h4>\\r\\n        <!-- /ko -->\\r\\n\\r\\n        <div class=\\\"cards-score-answers__scale__values\\\">\\r\\n            <!-- ko foreach: values -->\\r\\n            <div class=\\\"cards-score-answers__scale__value\\\">\\r\\n                <h5 class=\\\"cards-score-answers__scale__value__title\\\">\\r\\n                    <span class=\\\"card-srore-card__title\\\" data-bind=\\\"text: title\\\"></span>\\r\\n                    <span class=\\\"card-srore-card__value\\\" data-bind=\\\"visible: showValues\\\">\\r\\n                        <span data-bind=\\\"text: realValueStr\\\"></span>\\r\\n                        <span class=\\\"card-srore-card__value_second\\\" data-bind=\\\"text: medianStr\\\"></span>\\r\\n                    </span>\\r\\n                </h5>\\r\\n\\r\\n                <div class=\\\"cards-score-answers__slider\\\">\\r\\n                    <div class=\\\"cards-score-answers__slider__pin\\\" data-bind=\\\"style: { 'left': position.toPrts(true) }\\\"></div>\\r\\n                    <!-- ko if: medianStr -->\\r\\n                    <div class=\\\"cards-score-answers__slider__pin cards-score-answers__slider__pin_orange\\\" data-bind=\\\"style: { 'left': medianPosition.toPrts(true) }\\\"></div>\\r\\n                    <!-- /ko -->\\r\\n                    <div class=\\\"cards-score-answers__slider__center\\\"></div>\\r\\n                </div>\\r\\n\\r\\n                <div data-bind=\\\"visible: showComments, if: realAnswers\\\">\\r\\n                    <div data-bind=\\\"foreach: realAnswers\\\" style=\\\"margin-top: 9px; font-size: 12px; color: #666;\\\">\\r\\n                        <div data-bind=\\\"css: { 'cards-score-answers__scale__comment_aboveAVG': aboveAVGValue, 'cards-score-answers__scale__comment_belowAVG': !aboveAVGValue }\\\">\\r\\n                            <span data-bind=\\\"text: realValue\\\"></span>\\r\\n                            <span data-bind=\\\"text: name\\\" style=\\\"font-weight: bold\\\"></span><span data-bind=\\\"visible: comment\\\">:</span>\\r\\n                            <span data-bind=\\\"text: comment\\\"></span>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n            <!-- /ko -->\\r\\n        </div>\\r\\n\\r\\n        <!-- ko if: showScaleNames -->\\r\\n        <div class=\\\"cards-score-answers__scale-names\\\">\\r\\n            <div class=\\\"cards-score-answers__scale-name cards-score-answers__scale-name-left\\\" data-bind=\\\"text: scaleLeftName\\\"></div>\\r\\n            <div class=\\\"cards-score-answers__scale-name cards-score-answers__scale-name-right\\\" data-bind=\\\"text: scaleRightName\\\"></div>\\r\\n            <div style=\\\"clear: both\\\"></div>\\r\\n        </div>\\r\\n        <!-- /ko -->\\r\\n    </div>\\r\\n    <!-- /ko -->\\r\\n</script>\";\n// Exports\nmodule.exports = code;"],"sourceRoot":""}