{"version":3,"file":"DurationPickerMaker.min.js","sources":["https:\/\/moodle.sonsbeekmedia.nl\/caie_39\/mod\/teachingtools\/amd\/src\/duration\/DurationPickerMaker.js"],"sourcesContent":["\/\/ Version 1.0\n\n\nexport default class DurationPickerMaker {\n\n    TIME_CHUNK_SELECTION_ATTR_NAME = \"time-chunk-selection-mode\";\n\n    _SelectTextInTargetElement(event) {\n        let selectedTimeChunkName = this._formattedDuration.GetSelectedTimeChunk(event.target.selectionStart);\n        let selectionRange = this._formattedDuration.GetIndexRangeForTimeChunk(selectedTimeChunkName);\n        event.target.setAttribute(this.TIME_CHUNK_SELECTION_ATTR_NAME, selectedTimeChunkName);\n        event.target.setSelectionRange(selectionRange.startIndex, selectionRange.endIndex);\n    };\n\n    _HighlightArea(inputBox, range) {\n        inputBox.focus();\n        inputBox.select();\n        inputBox.selectionStart = range.startIndex;\n        inputBox.endIndex = range.endIndex;\n    }\n\n    _SetValueAndNotifyObservers()\n    {\n        this._targetElement.value = this._formattedDuration.ToFormattedString();\n        this._NotifySecondValueObservers(this._formattedDuration.ToTotalSeconds());\n    }\n    IncrementSeconds()\n    {\n        \/\/this._formattedDuration.AddSeconds(1);\n        this._formattedDuration.SubtractSeconds(1);\n        this._SetValueAndNotifyObservers();\n    }\n\n    _GetCursorPosition()\n    {\n        let field = this._targetElement;\n        if (field.selectionStart || field.selectionStart === '0' || field.selectionStart === 0)\n        {\n            return field.selectionDirection==='backward' ? field.selectionStart : field.selectionEnd;\n        }\n        return null;\n    }\n\n    ResetSeconds() {\n        this._formattedDuration.SetTotalSeconds(0);\n        this._SetValueAndNotifyObservers();\n    }\n\n    SetSeconds(seconds) {\n        this._formattedDuration.SetTotalSeconds(seconds);\n        this._SetValueAndNotifyObservers();\n    }\n\n    GetSeconds() {\n        return this._formattedDuration.ToTotalSeconds();\n    }\n\n    _ChangeValueDueToUpOrDownArrowKeyPressed(targetElement, direction) {\n        const selectedChunkName = targetElement.getAttribute(this.TIME_CHUNK_SELECTION_ATTR_NAME);\n        if (direction === \"up\") {\n            this._formattedDuration.IncrementValueForTimeChunk(selectedChunkName);\n        } else if (direction === 'down') {\n            this._formattedDuration.DecrementValueTimeChunk(selectedChunkName);\n        }\n        this._SetValueAndNotifyObservers();\n        this._HighlightArea(targetElement, this._formattedDuration.GetIndexRangeForTimeChunk(selectedChunkName));\n    };\n\n    _ShiftFocusLeft(inputBox) {\n        let chunkName = inputBox.getAttribute(this.TIME_CHUNK_SELECTION_ATTR_NAME);\n        this._SetValueAndNotifyObservers();\n        if (chunkName === this._formattedDuration.HOURS_CHUNK || chunkName === this._formattedDuration.MINUTES_CHUNK) {\n            this._HighlightArea(inputBox, this._formattedDuration.GetIndexRangeForHoursChunk());\n            return;\n        }\n        this._HighlightArea(inputBox, this._formattedDuration.GetIndexRangeForMinutesChunk());\n    }\n\n    _ShiftFocusRight(targetElement) {\n        let chunkName = targetElement.getAttribute(this.TIME_CHUNK_SELECTION_ATTR_NAME);\n        this._SetValueAndNotifyObservers();\n        if (chunkName === this._formattedDuration.SECONDS_CHUNK || chunkName === this._formattedDuration.MINUTES_CHUNK) {\n            this._HighlightArea(targetElement, this._formattedDuration.GetIndexRangeForSecondsChunk());\/\/ select hours area as it was selectee\n            return;\n        }\n        this._HighlightArea(targetElement, this._formattedDuration.GetIndexRangeForMinutesChunk())\n    }\n\n    _SetFormattedStringFromTargetIfValid(event) {\n        let currentValue = event.target.value;\n        if (this._formattedDuration.IsFormattedStringValid(currentValue)) {\n            this._formattedDuration.FromFormattedString(currentValue);\n        }\n    };\n\n    _SetValueFromFormattedStringButDontLooseSelection(){\n        let previousCursorPos = this._GetCursorPosition();\n        if( previousCursorPos !== null)\n        {\n            let selectedChunkName = this._formattedDuration.GetSelectedTimeChunk(previousCursorPos);\n            this._SetValueAndNotifyObservers();\n            this._HighlightArea(this._targetElement, this._formattedDuration.GetIndexRangeForTimeChunk(selectedChunkName));\n        }\n        else\n        {\n            \/\/ \"could not set value, previousCursorPos is null\"\n        }\n    }\n\n    _HandleKeyDown(event) {\n        if (event.key === 'ArrowDown' || event.key === 'ArrowUp' || event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n            switch (event.key) {\n                \/\/ use up and down arrow keys to increase value;\n                case 'ArrowDown':\n                    this._ChangeValueDueToUpOrDownArrowKeyPressed(event.target, 'down');\n                    break;\n                case 'ArrowUp':\n                    this._ChangeValueDueToUpOrDownArrowKeyPressed(event.target, 'up');\n                    break;\n                \/\/ use left and right arrow keys to shift focus;\n                case 'ArrowLeft':\n                    this._ShiftFocusLeft(event.target);\n                    break;\n                case 'ArrowRight':\n                    this._ShiftFocusRight(event.target);\n                    break;\n            }\n            event.preventDefault();\n        }\n        \/\/ The following keys will be accepted when the input field is selected\n        const acceptedKeys = ['Backspace', 'ArrowDown', 'ArrowUp', 'Tab'];\n        if (isNaN(event.key) && !acceptedKeys.includes(event.key)) {\n            event.preventDefault();\n        }\n    };\n\n    constructor(formattedDuration) {\n        this._formattedDuration = formattedDuration;\n        this._secondValueObservers = [];\n        this._targetElement = null;\n    }\n\n    SetPickerElement(targetElement) {\n        \/\/ todo: add validation when target element is null or does not have some properties (e.g. value)\n        if (targetElement.getAttribute('data-upgraded') === 'true') {\n            return; \/\/ in case some developer calls this or includes it twice\n        }\n        this._targetElement = targetElement;\n        targetElement.setAttribute('data-upgraded', true);\n        targetElement.value = this._formattedDuration.ToFormattedString();\n        this._ConnectEvents(targetElement);\n        this._NotifySecondValueObservers(this._formattedDuration.ToTotalSeconds());\n    }\n\n    _NotifySecondValueObservers(newValue) {\n        this._secondValueObservers.forEach(function (item, index, array) {\n            \/\/ assuming that observer has method: setSecondsValue([int])\n            item.setSecondsValue(newValue)\n        })\n    }\n\n    AddSecondChangeObserver(secondChangeObservers) {\n        this._secondValueObservers.push(secondChangeObservers);\n        this._NotifySecondValueObservers(this._formattedDuration.ToTotalSeconds());\n    }\n\n    _OnKeyUpHandler(event) {\n        this._SetFormattedStringFromTargetIfValid(event );\n        this._NotifySecondValueObservers(this._formattedDuration.ToTotalSeconds());\n    }\n\n    _OnKeyDownHandler(event) {\n        this._HandleKeyDown(event);\n    }\n\n    _OnSelectHandler(event) {\n        this._SelectTextInTargetElement(event);\n    }\n\n    _OnMouseUpHandler(event) {\n        this._SelectTextInTargetElement(event);\n        this._SetValueFromFormattedStringButDontLooseSelection();\n    }\n\n    _OnChangeHandler(event) {\n    }\n\n    _OnBlurHandler(event) {\n        this._SetFormattedStringFromTargetIfValid(event);\n        this._SetValueAndNotifyObservers();\n    }\n\n    _ConnectEvents(pickerElement) {\n        pickerElement.addEventListener('keydown', (event) => this._OnKeyDownHandler(event));\n        pickerElement.addEventListener('select', (event) => this._OnSelectHandler(event));\n        pickerElement.addEventListener('mouseup', (event) => this._OnMouseUpHandler(event));\n        pickerElement.addEventListener('change', (event) => this._OnChangeHandler(event));\n        pickerElement.addEventListener('blur', (event) => this._OnBlurHandler(event));\n        pickerElement.addEventListener('keyup', (event) => this._OnKeyUpHandler(event));\n        pickerElement.addEventListener('drop', (event) => event.preventDefault());\n    }\n}\n\n"],"names":["_SelectTextInTargetElement","event","selectedTimeChunkName","this","_formattedDuration","GetSelectedTimeChunk","target","selectionStart","selectionRange","GetIndexRangeForTimeChunk","setAttribute","TIME_CHUNK_SELECTION_ATTR_NAME","setSelectionRange","startIndex","endIndex","_HighlightArea","inputBox","range","focus","select","_SetValueAndNotifyObservers","_targetElement","value","ToFormattedString","_NotifySecondValueObservers","ToTotalSeconds","IncrementSeconds","SubtractSeconds","_GetCursorPosition","field","selectionDirection","selectionEnd","ResetSeconds","SetTotalSeconds","SetSeconds","seconds","GetSeconds","_ChangeValueDueToUpOrDownArrowKeyPressed","targetElement","direction","selectedChunkName","getAttribute","IncrementValueForTimeChunk","DecrementValueTimeChunk","_ShiftFocusLeft","chunkName","HOURS_CHUNK","MINUTES_CHUNK","GetIndexRangeForMinutesChunk","GetIndexRangeForHoursChunk","_ShiftFocusRight","SECONDS_CHUNK","GetIndexRangeForSecondsChunk","_SetFormattedStringFromTargetIfValid","currentValue","IsFormattedStringValid","FromFormattedString","_SetValueFromFormattedStringButDontLooseSelection","previousCursorPos","_HandleKeyDown","key","preventDefault","isNaN","includes","constructor","formattedDuration","_secondValueObservers","SetPickerElement","_ConnectEvents","newValue","forEach","item","index","array","setSecondsValue","AddSecondChangeObserver","secondChangeObservers","push","_OnKeyUpHandler","_OnKeyDownHandler","_OnSelectHandler","_OnMouseUpHandler","_OnChangeHandler","_OnBlurHandler","pickerElement","addEventListener"],"mappings":"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"}