{"version":3,"sources":["webpack:///./src/components/FixedFooter.vue","webpack:///./src/components/FixedFooter.vue?bb3e","webpack:///./src/components/FixedFooter.vue?c41f","webpack:///./node_modules/core-js/modules/web.dom-collections.for-each.js","webpack:///./node_modules/core-js/internals/array-for-each.js","webpack:///./src/views/Template/TemplateName.vue?61b1","webpack:///./node_modules/core-js/modules/es.regexp.to-string.js","webpack:///./node_modules/core-js/modules/es.string.trim.js","webpack:///./node_modules/core-js/modules/es.array.filter.js","webpack:///./node_modules/@capacitor/core/dist/esm/util.js","webpack:///./node_modules/core-js/internals/whitespaces.js","webpack:///./node_modules/core-js/internals/string-trim.js","webpack:///./src/mixins/FooterButtonsBuilder.ts","webpack:///./src/utils/GuidUtil.ts","webpack:///./src/utils/NumberTranslate.ts","webpack:///./node_modules/core-js/modules/es.array.join.js","webpack:///./node_modules/core-js/internals/array-method-is-strict.js","webpack:///./src/services/TemplateService.ts","webpack:///./src/views/Template/TemplateName.vue","webpack:///./src/views/Template/TemplateName.vue?de7e","webpack:///./src/views/Template/TemplateName.vue?e791","webpack:///./node_modules/@babel/runtime/helpers/esm/createClass.js","webpack:///./node_modules/core-js/modules/es.array.find-index.js","webpack:///./node_modules/core-js/internals/string-trim-forced.js","webpack:///./node_modules/@babel/runtime/helpers/esm/classCallCheck.js","webpack:///./src/services/TabService.ts","webpack:///./src/components/FixedFooter.vue?54b2","webpack:///./src/services/ImagesService.ts"],"names":["class","buttons","button","index","key","handler","icon","iconPos","is-ltr-forward","text","name","props","type","Array","components","DirectionIndicator","render","__scopeId","global","DOMIterables","forEach","createNonEnumerableProperty","COLLECTION_NAME","Collection","CollectionPrototype","prototype","error","$forEach","arrayMethodIsStrict","STRICT_METHOD","module","exports","callbackfn","this","arguments","length","undefined","redefine","anObject","fails","flags","TO_STRING","RegExpPrototype","RegExp","nativeToString","NOT_GENERIC","call","source","INCORRECT_NAME","R","p","String","rf","f","unsafe","$","$trim","trim","forcedStringTrimMethod","target","proto","forced","$filter","filter","arrayMethodHasSpeciesSupport","HAS_SPECIES_SUPPORT","uuid4","replace","c","r","Math","random","v","toString","requireObjectCoercible","whitespaces","whitespace","ltrim","rtrim","createMethod","TYPE","$this","string","start","end","FooterButtonsBuilder","footerButtons","language","getters","addClearButton","back","hasIcon","push","addPrimaryButton","next","EMPTY_GUID","getTranslatedNumber","number","numbers","numberArray","zero","one","two","three","four","five","six","seven","eight","nine","ten","eleven","twelve","thirteen","fourteen","fifteen","sixteen","seventeen","eighteen","nineteen","twenty","IndexedObject","toIndexedObject","nativeJoin","join","ES3_STRINGS","Object","separator","METHOD_NAME","argument","method","getTemplate","templateId","createTemplate","data","updateTemplate","id","getTemplates","appInstanceId","getCompleteTemplates","deleteTemplate","duplicateTemplate","style","fullscreen","lines","mode","position","templateName","autocomplete","placeholder","template","value","currentTabCount","tabCountSelected","size","startCount","endCount","tabsCount","slot","color","choiceVisible","tabs","tab","toRemove","getFriendlyTabNum","tabNum","title","text-center","fill","iconExists","tabIconId","src","getTabImageData","removeImg","trash","openImageSelectModal","tabIconButton","basicContentLabel","disabled","disableContentToggle","customContentLabel","lessonCustomContentDescription","lessonBasicContentDescription","IonContent","IonPage","IonItem","IonLabel","IonInput","IonRadioGroup","IonRadio","IonToggle","IonImg","IonRow","IonGrid","IonCol","IonCard","IonCardContent","IonCardTitle","FixedFooter","ionViewWillEnter","store","dispatch","router","currentRoute","meta","goBackTo","originalTabsCount","errors","gettingTemplate","enableCustomContent","tabIcons","i","tabIcon","selectedIcon","updateTabVisibility","setup","route","params","tabsUpdated","choiceIndex","result","inUseCnt","tabCnt","addTab","existingTab","find","addTabs","currTabNums","map","includes","sort","a","b","removeTab","removeTabs","visibleTabs","tabIndex","findIndex","validateTabs","errorMessages","some","validation","selectIcon","e","parseInt","handleNext","complete","tabsToCreate","tabsToUpdate","tabsToDelete","tabId","savingTemplate","get","JourneySetIcon","imageSelect","onWillDismiss","iconImg","iconImage","addClearBackButton","addPrimaryNextButton","create","radioSelected","move","closeOutline","_defineProperties","descriptor","enumerable","configurable","writable","defineProperty","_createClass","Constructor","protoProps","staticProps","$findIndex","addToUnscopables","FIND_INDEX","SKIPS_HOLES","non","_classCallCheck","instance","TypeError","getTab","updateTab","deleteTab","createTabs","updateTabTitles","getImage"],"mappings":"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","file":"js/chunk-3c7ee636.479e4cf9.js","sourcesContent":["<template>\n    <div class=\"fixed-footer custom-leftright-padding\">\n        <button v-for=\"(button, index) of buttons\" :key=\"index\"\n            class=\"custom-button\"\n            :class=\"button.class\"\n            @click=\"button.handler\">\n            <DirectionIndicator v-if=\"button.icon && button.iconPos === 'start'\" :is-ltr-forward=\"false\" />\n            {{ button.text }}\n            <DirectionIndicator v-if=\"button.icon && button.iconPos === 'end'\" :is-ltr-forward=\"true\" />\n        </button>\n    </div>\n</template>\n\n<script lang=\"ts\">\n\nimport { FooterButton } from \"@/models/FooterButtonsModel\";\nimport {PropType} from 'vue'\nimport DirectionIndicator from \"@/components/DirectionIndicator.vue\";\n\nexport default {\n    name: 'FixedFooter',\n    props: {\n        buttons: { \n            type: Array as PropType<Array<FooterButton>>\n        }\n    },\n    components: {\n        DirectionIndicator\n    }\n}\n</script>\n\n<style scoped>\n.fixed-footer {\n    position: sticky;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    display: flex;\n    padding-top: 15px;\n    padding-bottom: 15px;\n    background-color: var(--color-step-1000);\n    box-shadow: 0px -1px 10px #00000029;\n    gap: 20px;\n    justify-content: space-around;\n}\n\n.custom-button {\n    margin: 0;\n    height: 50px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 10px;\n}\n</style>","\n\nimport { FooterButton } from \"@/models/FooterButtonsModel\";\nimport {PropType} from 'vue'\nimport DirectionIndicator from \"@/components/DirectionIndicator.vue\";\n\nexport default {\n    name: 'FixedFooter',\n    props: {\n        buttons: { \n            type: Array as PropType<Array<FooterButton>>\n        }\n    },\n    components: {\n        DirectionIndicator\n    }\n}\n","import { render } from \"./FixedFooter.vue?vue&type=template&id=aa50f4d0&scoped=true\"\nimport script from \"./FixedFooter.vue?vue&type=script&lang=ts\"\nexport * from \"./FixedFooter.vue?vue&type=script&lang=ts\"\n\nimport \"./FixedFooter.vue?vue&type=style&index=0&id=aa50f4d0&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-aa50f4d0\"\n\nexport default script","var global = require('../internals/global');\nvar DOMIterables = require('../internals/dom-iterables');\nvar forEach = require('../internals/array-for-each');\nvar createNonEnumerableProperty = require('../internals/create-non-enumerable-property');\n\nfor (var COLLECTION_NAME in DOMIterables) {\n  var Collection = global[COLLECTION_NAME];\n  var CollectionPrototype = Collection && Collection.prototype;\n  // some Chrome versions have non-configurable methods on DOMTokenList\n  if (CollectionPrototype && CollectionPrototype.forEach !== forEach) try {\n    createNonEnumerableProperty(CollectionPrototype, 'forEach', forEach);\n  } catch (error) {\n    CollectionPrototype.forEach = forEach;\n  }\n}\n","'use strict';\nvar $forEach = require('../internals/array-iteration').forEach;\nvar arrayMethodIsStrict = require('../internals/array-method-is-strict');\n\nvar STRICT_METHOD = arrayMethodIsStrict('forEach');\n\n// `Array.prototype.forEach` method implementation\n// https://tc39.es/ecma262/#sec-array.prototype.foreach\nmodule.exports = !STRICT_METHOD ? function forEach(callbackfn /* , thisArg */) {\n  return $forEach(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n// eslint-disable-next-line es/no-array-prototype-foreach -- safe\n} : [].forEach;\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./TemplateName.vue?vue&type=style&index=0&id=e2382b8e&scoped=true&lang=css\"","'use strict';\nvar redefine = require('../internals/redefine');\nvar anObject = require('../internals/an-object');\nvar fails = require('../internals/fails');\nvar flags = require('../internals/regexp-flags');\n\nvar TO_STRING = 'toString';\nvar RegExpPrototype = RegExp.prototype;\nvar nativeToString = RegExpPrototype[TO_STRING];\n\nvar NOT_GENERIC = fails(function () { return nativeToString.call({ source: 'a', flags: 'b' }) != '/a/b'; });\n// FF44- RegExp#toString has a wrong name\nvar INCORRECT_NAME = nativeToString.name != TO_STRING;\n\n// `RegExp.prototype.toString` method\n// https://tc39.es/ecma262/#sec-regexp.prototype.tostring\nif (NOT_GENERIC || INCORRECT_NAME) {\n  redefine(RegExp.prototype, TO_STRING, function toString() {\n    var R = anObject(this);\n    var p = String(R.source);\n    var rf = R.flags;\n    var f = String(rf === undefined && R instanceof RegExp && !('flags' in RegExpPrototype) ? flags.call(R) : rf);\n    return '/' + p + '/' + f;\n  }, { unsafe: true });\n}\n","'use strict';\nvar $ = require('../internals/export');\nvar $trim = require('../internals/string-trim').trim;\nvar forcedStringTrimMethod = require('../internals/string-trim-forced');\n\n// `String.prototype.trim` method\n// https://tc39.es/ecma262/#sec-string.prototype.trim\n$({ target: 'String', proto: true, forced: forcedStringTrimMethod('trim') }, {\n  trim: function trim() {\n    return $trim(this);\n  }\n});\n","'use strict';\nvar $ = require('../internals/export');\nvar $filter = require('../internals/array-iteration').filter;\nvar arrayMethodHasSpeciesSupport = require('../internals/array-method-has-species-support');\n\nvar HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('filter');\n\n// `Array.prototype.filter` method\n// https://tc39.es/ecma262/#sec-array.prototype.filter\n// with adding support of @@species\n$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {\n  filter: function filter(callbackfn /* , thisArg */) {\n    return $filter(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n","export var extend = function (target) {\n    var objs = [];\n    for (var _i = 1; _i < arguments.length; _i++) {\n        objs[_i - 1] = arguments[_i];\n    }\n    objs.forEach(function (o) {\n        if (o && typeof (o) === 'object') {\n            for (var k in o) {\n                if (o.hasOwnProperty(k)) {\n                    target[k] = o[k];\n                }\n            }\n        }\n    });\n    return target;\n};\nexport var uuid4 = function () {\n    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\n        var r = Math.random() * 16 | 0, v = c === 'x' ? r : (r & 0x3 | 0x8);\n        return v.toString(16);\n    });\n};\n//# sourceMappingURL=util.js.map","// a string of all valid unicode whitespaces\nmodule.exports = '\\u0009\\u000A\\u000B\\u000C\\u000D\\u0020\\u00A0\\u1680\\u2000\\u2001\\u2002' +\n  '\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200A\\u202F\\u205F\\u3000\\u2028\\u2029\\uFEFF';\n","var requireObjectCoercible = require('../internals/require-object-coercible');\nvar whitespaces = require('../internals/whitespaces');\n\nvar whitespace = '[' + whitespaces + ']';\nvar ltrim = RegExp('^' + whitespace + whitespace + '*');\nvar rtrim = RegExp(whitespace + whitespace + '*$');\n\n// `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation\nvar createMethod = function (TYPE) {\n  return function ($this) {\n    var string = String(requireObjectCoercible($this));\n    if (TYPE & 1) string = string.replace(ltrim, '');\n    if (TYPE & 2) string = string.replace(rtrim, '');\n    return string;\n  };\n};\n\nmodule.exports = {\n  // `String.prototype.{ trimLeft, trimStart }` methods\n  // https://tc39.es/ecma262/#sec-string.prototype.trimstart\n  start: createMethod(1),\n  // `String.prototype.{ trimRight, trimEnd }` methods\n  // https://tc39.es/ecma262/#sec-string.prototype.trimend\n  end: createMethod(2),\n  // `String.prototype.trim` method\n  // https://tc39.es/ecma262/#sec-string.prototype.trim\n  trim: createMethod(3)\n};\n","import router from \"@/router\";\nimport {FooterButton} from \"@/models/FooterButtonsModel\";\nimport {store} from \"@/store/Store\";\n\nexport class FooterButtonsBuilder {\n    footerButtons = [] as FooterButton[];\n    class = 'custom-button';\n    language = store.getters['app/language'];\n\n    addClearBackButton(handler?: Function) {\n        if(!handler){\n            return this.addClearButton(true, () => router.back(), this.language.back);\n        }\n        return this.addClearButton(true, () => handler() , this.language.back);\n    }\n\n    addClearButton(hasIcon: boolean, handler: Function, text: string) {\n        this.footerButtons.push({\n            class: this.class + ' button-clear',\n            icon: hasIcon,\n            iconPos: 'start',\n            handler: () => handler(),\n            text: text\n        })\n        return this;\n    }\n    \n    addPrimaryNextButton(handler: Function) {\n        return this.addPrimaryButton(true, handler, this.language.next);\n    }\n\n    addPrimaryButton(hasIcon: boolean, handler: Function, text: string) {\n        this.footerButtons.push({\n            class: this.class + ' button-primary',\n            icon: hasIcon,\n            iconPos: 'end',\n            handler: () => handler(),\n            text: text\n        })\n        return this;\n    }\n\n    create() {\n        return this.footerButtons;\n    }\n}","export const EMPTY_GUID = '00000000-0000-0000-0000-000000000000';","import {store} from \"@/store/Store\";\n\nexport function getTranslatedNumber(number: number) {\n    const { numbers } = store.getters['app/language'];\n    const numberArray = [\n        numbers.zero,\n        numbers.one,\n        numbers.two,\n        numbers.three,\n        numbers.four,\n        numbers.five,\n        numbers.six,\n        numbers.seven,\n        numbers.eight,\n        numbers.nine,\n        numbers.ten,\n        numbers.eleven,\n        numbers.twelve,\n        numbers.thirteen,\n        numbers.fourteen,\n        numbers.fifteen,\n        numbers.sixteen,\n        numbers.seventeen,\n        numbers.eighteen,\n        numbers.nineteen,\n        numbers.twenty\n    ];\n    return numberArray[number];\n}","'use strict';\nvar $ = require('../internals/export');\nvar IndexedObject = require('../internals/indexed-object');\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar arrayMethodIsStrict = require('../internals/array-method-is-strict');\n\nvar nativeJoin = [].join;\n\nvar ES3_STRINGS = IndexedObject != Object;\nvar STRICT_METHOD = arrayMethodIsStrict('join', ',');\n\n// `Array.prototype.join` method\n// https://tc39.es/ecma262/#sec-array.prototype.join\n$({ target: 'Array', proto: true, forced: ES3_STRINGS || !STRICT_METHOD }, {\n  join: function join(separator) {\n    return nativeJoin.call(toIndexedObject(this), separator === undefined ? ',' : separator);\n  }\n});\n","'use strict';\nvar fails = require('../internals/fails');\n\nmodule.exports = function (METHOD_NAME, argument) {\n  var method = [][METHOD_NAME];\n  return !!method && fails(function () {\n    // eslint-disable-next-line no-useless-call,no-throw-literal -- required for testing\n    method.call(null, argument || function () { throw 1; }, 1);\n  });\n};\n","import {DELETE, GET, POST, PUT} from './HTTP';\nimport {JourneyTemplate} from \"@/models/JourneyTemplateModel\";\n\nexport function getTemplate(templateId: string): Promise<JourneyTemplate>{\n    return GET('/templates/' + templateId);\n}\n\nexport function createTemplate(data: any): Promise<any> {\n    return POST('/templates', data);\n}\n\nexport function updateTemplate(data: any): Promise<any> {\n    return PUT(`/templates/${data.id}`, data);\n}\n\nexport function getTemplates(appInstanceId: string): Promise<JourneyTemplate[]>{\n    return GET(`/templates?appInstanceId=${appInstanceId}`);\n}\n\nexport function getCompleteTemplates(appInstanceId: string): Promise<JourneyTemplate[]>{\n    return GET(`/templates?appInstanceId=${appInstanceId}&status=complete`);\n}\n\nexport function deleteTemplate(templateId: string): Promise<any> {\n    return DELETE('/templates/'+ templateId);\n}\n\nexport function duplicateTemplate(data: any): Promise<any> {\n    return POST(`/templates/${data.id}`, data);\n}","<template>\n    <ion-page>\n        <ion-content :fullscreen=\"true\" class=\"ion-no-padding\">\n            <ion-item lines=\"full\" mode=\"md\">\n                <ion-label position=\"stacked\">{{ language.templateName }}</ion-label>\n                <ion-input autocomplete=\"off\" :placeholder=\"language.name\" v-model=\"template.name\"/>\n            </ion-item>\n            <div class=\"form-section-header\">\n                <p style=\"margin-top: auto;margin-bottom: auto;\">Tabs (max of 4)</p>\n                <ion-radio-group :value=\"currentTabCount.toString()\"   @ionChange=\"tabCountSelected\" >\n                <ion-grid style=\"padding : 0px!important;\">\n                    <ion-row>\n                        <ion-col size=\"auto\" v-show=\"choiceVisible(1)\"  >\n                            <ion-item mode=\"md\" lines=\"none\"  :class=\"[ {'lefthand-radius' : startCount(1)} , {'righthand-radius' : endCount(1)}, {'item-radio-checked' : template.tabsCount == 1}]\" >\n                                <ion-label :class=\"[ {'label-active' : template['tabsCount'] === 1} , {'label-inactive' : template['tabsCount'] !==1}]\" >1</ion-label>\n                                <ion-radio\n                                    slot=\"start\"\n                                    value=\"1\"\n                                    mode=\"md\"\n                                    color=\"primary\"\n                                    :class= \"[{'radio-checked' : template.tabsCount == 1}]\">\n                                </ion-radio>\n                            </ion-item>\n                        </ion-col>\n                        <ion-col size=\"auto\" v-show=\"choiceVisible(2)\">\n                            <ion-item mode=\"md\" lines=\"none\" :class=\"[ {'lefthand-radius' : startCount(2)} , {'righthand-radius' : endCount(2)}, {'item-radio-checked' : template.tabsCount == 2}]\">\n                                <ion-label :class=\"[ {'label-active' : template['tabsCount'] === 2} , {'label-inactive' : template['tabsCount'] !== 2}]\" >2</ion-label>\n                                <ion-radio\n                                    slot=\"start\"\n                                    value=\"2\"\n                                    mode=\"md\"\n                                    color=\"primary\"\n                                    :class= \"[{'radio-checked' : template.tabsCount == 2}]\">\n                                </ion-radio>\n                            </ion-item>\n                        </ion-col>\n                        <ion-col size=\"auto\" v-show=\"choiceVisible(3)\">\n                            <ion-item mode=\"md\" lines=\"none\" :class=\"[ {'lefthand-radius' : startCount(3)} , {'righthand-radius' : endCount(3)}, {'item-radio-checked' : template.tabsCount == 3}]\">\n                                <ion-label :class=\"[ {'label-active' : template['tabsCount'] === 3} , {'label-inactive' : template['tabsCount'] !== 3}]\" >3</ion-label>\n                                <ion-radio\n                                    slot=\"start\"\n                                    value=\"3\"\n                                    mode=\"md\"\n                                    color=\"primary\"\n                                    :class= \"[{'radio-checked' : template.tabsCount == 3}]\">\n                                </ion-radio>\n                            </ion-item>\n                        </ion-col>\n                        <ion-col size=\"auto\" v-show=\"choiceVisible(4)\">\n                            <ion-item mode=\"md\" lines=\"none\" :class=\"[ {'lefthand-radius' : startCount(4)} , {'righthand-radius' : endCount(4)}]\">\n                                <ion-label :class=\"[ {'label-active' : template['tabsCount'] === 4} , {'label-inactive' : template['tabsCount'] !== 4}]\" >4</ion-label>\n                                <ion-radio\n                                    slot=\"start\"\n                                    value=\"4\"\n                                    mode=\"md\"\n                                    color=\"primary\"\n                                    :class= \"[{'radio-checked' : template.tabsCount == 4}]\">\n                                </ion-radio>\n                            </ion-item>\n                        </ion-col>\n                    </ion-row>\n                </ion-grid>\n                </ion-radio-group>\n            </div>\n            <ion-item lines=\"full\" mode=\"md\" style=\"display:none;\">\n                \n            </ion-item>\n            <ion-item lines=\"none\" style=\"min-height:100px!important;\">\n                <div class=\"template-card-row\">\n                    <ion-card v-for=\"(tab , index) in template.tabs\" :key=\"tab.id\" :class=\"[ {'tab-inactive' : tab.toRemove === true}]\"  >\n                        <ion-card-content> \n                            <ion-card-title >\n                                <ion-label position=\"stacked\">{{ language.tab }} {{ getFriendlyTabNum(tab.tabNum) }} {{ language.title }}</ion-label>\n                                <ion-input text-center autocomplete=\"off\"  fill=\"outline\" :placeholder=\"language.title\" v-model=\"tab.title\" class=\"text-centered tab-preview-input\"/>\n                            </ion-card-title>\n                            <ion-item v-if=\"!iconExists(tab.tabIconId)\" lines=\"none\" mode=\"md\">\n                                <button class=\"custom-button button-outline\" @click=\"openImageSelectModal(index)\" style=\"padding: 10px 30px;font-size: 1em;\">{{ language.tabIconButton }}</button>\n                            </ion-item> \n                            <ion-item v-else lines=\"none\" mode=\"md\" class=\"tab-preview\">                           \n                                <ion-icon slot=\"start\" :src=\"getTabImageData(tab.tabIconId)\" class=\"tab-preview-icon\"></ion-icon>\n                                <button slot=\"end\" class=\"icon-button button-outline tab-preview-button\"  @click=\"removeImg(tab)\"><ion-icon :icon=\"trash\" class=\"edit-forward\" ></ion-icon></button>\n                            </ion-item>\n                        </ion-card-content>\n                    </ion-card>\n                </div>\n            </ion-item>\n\n            \n            <div class=\"form-section-header\">\n                <p>{{ language['lessonCustomContentLabel'] }}</p>\n            </div>\n            <ion-item lines=\"none\" mode=\"md\" class=\"ion-padding-none\">\n                <ion-label position=\"fixed\" :class=\"['ion-margin-end' , {'label-active' : !template['enableCustomContent']} , {'label-inactive' : template['enableCustomContent']}]\">{{ language.basicContentLabel }}</ion-label>\n                <ion-toggle class=\"ion-padding-start ion-padding-end\" v-model=\"template['enableCustomContent']\" :disabled=\"disableContentToggle\"></ion-toggle>\n                <ion-label :class=\"['ion-margin-start' , {'label-active' : template['enableCustomContent']} , {'label-inactive' : !template['enableCustomContent']}]\">{{ language.customContentLabel }}</ion-label>\n            </ion-item>\n            <ion-item lines=\"full\" mode=\"md\" class=\"ion-padding-bottom\" style=\"margin-bottom:0px!important;\">\n                <div class=\"ion-text-wrap \" v-html=\"language.lessonCustomContentDescription\" v-if=\"template['enableCustomContent']\">\n                </div>\n                <div class=\"ion-text-wrap \" v-html=\"language.lessonBasicContentDescription\"  v-else>\n                </div>\n            </ion-item>\n            <ion-item lines=\"none\" mode=\"md\" class=\"ion-padding-bottom\">\n                <div v-html=\"language['lessonContentExplanation']\" class=\"ion-text-wrap\">\n                </div>\n            </ion-item>\n            <ion-item>\n                <ion-row class=\"image-wrapper ion-padding-top\">\n                    <ion-img class=\"custom-content-layout\" style=\"height:550px;object-fit:contain;\"  src=\"/assets/img/4TabCustom.png\" v-if=\"template['enableCustomContent'] && template.tabsCount === 4 \">\n                    </ion-img>\n                    <ion-img class=\"custom-content-layout\" style=\"height:550px;object-fit:contain;\"  src=\"/assets/img/4TabBasic.png\" v-else-if=\"!template['enableCustomContent'] && template.tabsCount === 4 \">\n                    </ion-img>\n                    <ion-img class=\"custom-content-layout\" style=\"height:550px;object-fit:cover;\" src=\"/assets/img/1tab.png\" v-else-if=\" template.tabsCount === 1 \" >\n                    </ion-img>\n                    <ion-img class=\"custom-content-layout\" style=\"height:550px;object-fit:cover;\"  src=\"/assets/img/2tab.png\" v-else-if=\"template.tabsCount === 2 \" >\n                    </ion-img>\n                    <ion-img class=\"custom-content-layout\" style=\"height:550px;object-fit:cover;\"  src=\"/assets/img/3TabCustom.png\" v-else-if=\"template['enableCustomContent'] && template.tabsCount === 3 \" >\n                    </ion-img>\n                    <ion-img class=\"custom-content-layout\" style=\"height:550px;object-fit:cover;\"  src=\"/assets/img/3TabBasic.png\" v-else>\n                    </ion-img>\n                </ion-row>\n            </ion-item>\n        </ion-content>\n        <FixedFooter :buttons=\"footerButtons\"/>\n    </ion-page>\n</template>\n\n<script lang=\"ts\">\n\nimport {\n    IonContent,\n    IonInput,\n    IonItem,\n    IonLabel,\n    IonPage,\n    IonRadio,\n    IonToggle,\n    IonImg,\n    IonRow,\n    IonRadioGroup,\n    IonGrid,\n    IonCol,\n    IonIcon,\n    onIonViewDidEnter\n} from '@ionic/vue';\nimport FixedFooter from \"@/components/FixedFooter.vue\";\nimport router from \"@/router\";\nimport {computed, defineComponent, ref} from \"vue\";\nimport { IonCard, IonCardContent, IonCardHeader, IonCardTitle } from '@ionic/vue';\nimport {presentValidationAlert} from \"@/services/Notify\";\nimport {execute} from \"@/mixins/LoadingMixin\";\nimport {useRoute} from \"vue-router\";\nimport {getTemplate, updateTemplate, createTemplate} from \"@/services/TemplateService\";\nimport {JourneyTemplate} from \"@/models/JourneyTemplateModel\";\nimport {EMPTY_GUID} from \"@/utils/GuidUtil\";\nimport {createTabs, deleteTab, updateTab, updateTabTitles} from \"@/services/TabService\";\nimport {JourneyTab} from \"@/models/JourneyTabModel\";\nimport {uuid4} from \"@capacitor/core/dist/esm/util\";\nimport {useStore} from \"vuex\";\nimport {FooterButtonsBuilder} from \"@/mixins/FooterButtonsBuilder\";\nimport {openSelectImageModal} from \"@/services/SelectModalService\";\nimport {IMAGE_GROUP_TYPES, ImageGroupId} from \"@/models/ImageGroupTypes\";\nimport {Image} from \"@/models/ImageModel\";\nimport {getImage} from \"@/services/ImagesService\";\nimport {getTranslatedNumber} from \"@/utils/NumberTranslate\";\nimport {move , trash , closeOutline, add} from 'ionicons/icons';\n\n\nexport default defineComponent({\n    name: 'TemplateName',\n    components: {\n        IonContent,\n        IonPage,\n        IonItem,\n        IonLabel,\n        IonInput,\n        IonRadioGroup,\n        IonRadio,\n        IonToggle,\n        IonImg,\n        IonRow,\n        IonGrid,\n        IonCol,\n        IonCard, \n        IonCardContent, \n        IonCardTitle,\n        FixedFooter\n    },\n    async ionViewWillEnter() {\n        await this.store.dispatch('app/setPageTitle', this.language.templateName);\n        this.template = {} as JourneyTemplate;\n        if (this.templateId !== EMPTY_GUID) {\n            router.currentRoute.value.meta.goBackTo = 'templates';\n            \n            await execute(async () => {\n                this.template = await getTemplate(this.templateId);\n                this.originalTabsCount = this.template.tabsCount;\n                this.currentTabCount = this.template.tabsCount;\n            },  this.language.errors.gettingTemplate);\n        } else {\n            router.currentRoute.value.meta.goBackTo = 'home';\n            //this.template.id = uuid4();\n            this.template.id = EMPTY_GUID;\n            this.template.tabsCount = 0;\n            this.template.name = '';\n            this.template.tabs = [] as JourneyTab[];\n        }\n        if (!this.template.enableCustomContent) {\n            this.template.enableCustomContent = false;\n        }\n//Reset the Icons Array\n        if (this.tabIcons.length > 0){\n            this.tabIcons.length = 0;\n        }\n\n        //Load tab icons\n        for (let i = 0; i <= this.template.tabsCount - 1; i++){\n            let tabIcon = '';\n\n            if (this.template.tabs[i].tabIconId === EMPTY_GUID || this.template.tabs[i].tabIconId === undefined) {\n                tabIcon = 'No Matching Image';\n            }\n            else {                \n                tabIcon = this.template.tabs[i].tabIconId;\n            }\n\n            if (tabIcon != 'No Matching Image'){\n                this.selectedIcon = await getImage(tabIcon);\n                this.template.tabs[i].tabIconId = tabIcon;\n            }\n            else{              \n                this.selectedIcon = {} as Image;\n            }\n            this.tabIcons.push(this.selectedIcon);\n        }\n        this.updateTabVisibility();\n    },\n    setup() {\n        const store = useStore();\n        const language = computed(() => store.getters['app/language']);\n        const route = useRoute();\n        const templateId = computed(() => route.params.id as string || EMPTY_GUID);\n        const template = ref({} as JourneyTemplate);\n        const originalTabsCount = ref(0);\n        const editingExisting = computed(() => templateId.value !== EMPTY_GUID);\n        const currentTabCount = ref(0);\n        const disableContentToggle = computed(() => template.value.tabsCount < 3 );\n        const selectedIcon = ref({} as Image);\n        const tabIcons = ref<Image[]>([]);\n        let tabsUpdated = false;\n        \n\n        const choiceVisible = (choiceIndex: number) => {\n            let result = true; \n            if (template.value.id === EMPTY_GUID || template.value.inUseCnt === 0 ){\n                return result;\n            }\n            switch(choiceIndex){\n                case 1:\n                    result = template.value.tabsCount < 3 ;\n                    break;\n                case 2:\n                    result = template.value.tabsCount < 3 ;\n                    break;\n                case 3:\n                    result = template.value.tabsCount > 2 ;\n                    break;\n                case 4:\n                    result = template.value.tabsCount > 2 ;\n                    break;\n            }\n            return result;\n        }\n\n        const updateTabVisibility = () =>{\n            const tabCnt: number = template.value.tabsCount;\n            template.value.tabs.forEach((tab: JourneyTab) => {\n                switch(tab.tabNum){\n                    case 1:\n                        tab.toRemove = tabCnt > 1 ? false : true;\n                        break;\n                    case 2:\n                        tab.toRemove = tabCnt > 2 ? false : true ;\n                        break;\n                    case 3:\n                        tab.toRemove = tabCnt > 3 ? false : true ;\n                        break;\n                    case 4:\n                        tab.toRemove = tabCnt > 0 ? false : true ;\n                        break;\n                }\n            });\n        }\n\n        const addTab = (tabNum: number) => {\n            const existingTab = template.value.tabs.find((tab: JourneyTab) => tab.tabNum === tabNum);\n            if(existingTab){\n                //console.log(`Tab ${tabNum} already exists`);\n                existingTab.toRemove = false;\n                //addTabIcon(existingTab.tabIconId);\n            }else{\n                //console.log(`Adding tab ${tabNum}`);\n                template.value.tabs.push({\n                        id: EMPTY_GUID,\n                        title: '',\n                        tabNum: tabNum,\n                        templateId: templateId.value,\n                        tabIconId: EMPTY_GUID\n                    } as JourneyTab);\n                //addTabIcon();\n            }\n        }\n\n        const addTabs = () => {\n            const currTabNums = template.value.tabs.map((tab: JourneyTab) => tab.tabNum);\n            //console.log(`Current tab nums: ${JSON.stringify(currTabNums)}`);\n            if(template.value.tabs.length === 0){\n                for(let i = 0 ; i < template.value.tabsCount ; i++){\n                    const tabNum =  (i === template.value.tabsCount - 1) ? 4 : i + 1 ;\n                    addTab(tabNum);\n                }\n            }else{\n                if(template.value.tabs.length === 1 && template.value.tabsCount === 2){\n                    addTab(4);\n                    tabIcons.value.push({} as Image);\n                }else{\n                    if(template.value.tabsCount === 4){\n                        //console.log(` Tabs count is 4`);\n                        if(!currTabNums.includes(1)) addTab(1);\n                        if(!currTabNums.includes(2)) addTab(2);\n                        if(!currTabNums.includes(3)) addTab(3); \n                        if(!currTabNums.includes(4)) addTab(4); \n                    }else if(template.value.tabsCount === 3){\n                        //console.log(` Tabs count is 3`);\n                        if(!currTabNums.includes(1)) addTab(1);\n                        if(!currTabNums.includes(2)) addTab(2);\n                        if(!currTabNums.includes(4)) addTab(4); \n                    }\n                    /*if(tabIcons.value.length > 2 && tabIcons.value.length === 3){\n                        tabIcons.value.splice(2,0,{} as Image);\n                    }else{\n                        tabIcons.value.push({} as Image);\n                    }*/\n                }\n                \n            }\n            template.value.tabs.sort((a , b) => a.tabNum - b.tabNum);\n            updateTabVisibility();\n            tabsUpdated = true;\n        }\n        \n\n        const removeTab = (tabNum: number) => {\n            template.value.tabs.forEach((tab: JourneyTab) => {\n                if(tab.tabNum === tabNum){\n                    tab.toRemove = true;\n                }\n            });\n        }\n\n        const removeTabs = () => {\n            switch (template.value.tabsCount){\n                case 1:\n                    removeTab(1);\n                    removeTab(2);\n                    removeTab(3);\n                    break;\n                case 2:\n                    removeTab(2);\n                    removeTab(3);\n                    break;\n                case 3:\n                    removeTab(3);\n                    break;\n            }\n            updateTabVisibility();\n            tabsUpdated = true;\n        }\n\n        const getFriendlyTabNum = (tabNum: number) => {\n            const visibleTabs = template.value.tabs.filter((tab: JourneyTab) => tab.toRemove !== true);\n            const tabIndex = visibleTabs.findIndex((tab: JourneyTab) => tab.tabNum === tabNum);\n            return getTranslatedNumber(tabIndex + 1); \n        }\n\n        const validateTabs = () => {\n            const errorMessages: string[] = [];\n            //(`Tabs:`);\n            //console.log(template.value.tabs);\n            if (template.value.tabs.some((tab: JourneyTab) => (!tab.title || tab.title.trim() === '') && tab.toRemove !== true)) {\n                //errorMessages.push(language.value.validation.fillAllTitles);\n            } \n            if (template.value.tabs.some((tab: JourneyTab) => (!tab.tabIconId || tab.tabIconId.trim() === EMPTY_GUID) && tab.toRemove !== true)) {\n                errorMessages.push(language.value.validation.selectIcon);\n            } \n            if(errorMessages.length > 0){\n                presentValidationAlert(errorMessages.join(\"<br/>\"));\n            }\n            return errorMessages.length === 0;\n        }\n\n        const tabCountSelected = async (e: any) => {\n            template.value.tabsCount = parseInt(e.target.value, 10);\n            //console.log(`Selected tab count: ${template.value.tabsCount}`)\n            if(template.value.tabsCount < 3){\n                template.value.enableCustomContent = true;\n            }\n            if (template.value.tabs.length !== template.value.tabsCount ){\n                if(template.value.tabs.length > template.value.tabsCount){\n                    //console.log(\"Removing tabs\");\n                    removeTabs();\n                }else if (template.value.tabs.length < template.value.tabsCount){\n                    //console.log(\"Adding tabs\");\n                    addTabs();\n                }\n            }else{\n                template.value.tabs.forEach((tab: JourneyTab) =>{ tab.toRemove = false;});\n            }\n        }\n\n        const startCount = (tabNum: number) => {\n            if (tabNum ==1){\n                return true;\n            }\n            if (template.value.inUseCnt > 0){\n                return (template.value.tabsCount > 2 && tabNum === 3) || (template.value.tabsCount < 3 && tabNum === 2) ; \n            }\n            return false;\n            \n        }\n\n        const endCount = (tabNum: number) => {\n            if (tabNum == 4){\n                return true;\n            }\n            if (template.value.inUseCnt > 0){\n                return (template.value.tabsCount < 2 && tabNum === 2) ; \n            }\n            return false;\n        }\n        \n        const handleNext = async () => {\n            if (validateTabs()){\n                await execute(async () => {\n                    if (template.value.id !== EMPTY_GUID) {\n                        await updateTemplate({ id: template.value.id, name: template.value.name , tabsCount: template.value.tabsCount, complete: template.value.complete, appInstanceId: template.value.appInstanceId, enableCustomContent: template.value.enableCustomContent });\n                        const tabsToCreate: JourneyTab[] = template.value.tabs.filter((tab: JourneyTab) => (tab.id === EMPTY_GUID && tab.toRemove !== true));\n                        \n                        const tabsToUpdate: JourneyTab[] = template.value.tabs.filter((tab: JourneyTab) => (tab.id !== EMPTY_GUID && tab.toRemove !== true));\n                        \n                        const tabsToDelete: JourneyTab[] = template.value.tabs.filter((tab: JourneyTab) => (tab.id !== EMPTY_GUID && tab.toRemove === true));\n                        \n                        if (tabsToUpdate.length > 0){\n                            await updateTabTitles(tabsToUpdate);\n                        }\n                        if (tabsToCreate.length > 0){\n                            tabsToCreate.forEach((tab: JourneyTab) => tab.id = uuid4())\n                            await createTabs(tabsToCreate);\n                        }\n                        tabsToDelete.forEach((tab: JourneyTab) => deleteTab(tab.id))\n                    } else {\n                        template.value.id = uuid4();\n                        //in case the user has changed tab counts during the process remove those they don't actually want\n                        template.value.tabs = template.value.tabs.filter((tab: JourneyTab) => tab.toRemove == false);\n                        template.value.tabs.forEach((tab: JourneyTab) => tab.templateId = template.value.id);\n                        template.value.tabs.forEach((tab: JourneyTab) => tab.id = uuid4());\n                        await createTemplate({ id: template.value.id, name: template.value.name , tabsCount: template.value.tabsCount, complete: false, appInstanceId: store.getters['app/selectedAppInstanceId'], enableCustomContent: template.value.enableCustomContent });\n                        await createTabs(template.value.tabs);\n                    }\n                    await router.push({ name: 'tab', params: {id: template.value.id , tabId: template.value.tabs[0].id }});\n                }, language.value.errors.savingTemplate);\n            }\n        }\n\n        \n\n        const openImageSelectModal = async (index: number) => {\n            const imageSelect = await openSelectImageModal(IMAGE_GROUP_TYPES.get(ImageGroupId.JourneySetIcon) || '', ImageGroupId.JourneySetIcon);\n            const { data } = await imageSelect.onWillDismiss();\n            if(data.id){ \n                data.title = template.value.tabs[index].title;\n                template.value.tabs[index].tabIconId = data.id;\n                template.value.tabs[index].icon = data.data;\n                if(!tabIcons.value.find((iconImg: Image) => iconImg.id === data.id)){\n                    tabIcons.value.push(data);\n                }\n            }\n        }\n\n        const removeImg = (tab: JourneyTab) => {\n            tabIcons.value = tabIcons.value.filter(tabIcon => tabIcon.id !== tab.tabIconId);\n            tab.tabIconId = EMPTY_GUID;\n            tab.icon = 'remove';\n        }\n\n        const iconExists = (tabIconId: string) => {\n            const iconImage = tabIcons.value.find((icon: Image) => icon.id === tabIconId);\n            if(iconImage){\n                return true;\n            }\n            return false;\n        }\n\n        const getTabImageData = (tabIconId: string) =>{\n            if(tabIconId !== EMPTY_GUID){\n                const iconImage = tabIcons.value.find((icon: Image) => icon.id === tabIconId);\n                if(iconImage){\n                    return iconImage.data;\n                }\n            }\n            return \"\";\n        }\n\n        return {\n            store,\n            language,\n            template,\n            templateId,\n            footerButtons: computed(() =>\n                new FooterButtonsBuilder()\n                    .addClearBackButton()\n                    .addPrimaryNextButton(async () => await handleNext())\n                    .create()\n            ),\n            radioSelected: (e: any) => template.value.tabsCount = parseInt(e.target.value, 10),\n            tabCountSelected,\n            originalTabsCount,\n            currentTabCount,\n            disableContentToggle,\n            openImageSelectModal,\n            selectedIcon,\n            tabIcons,\n            removeImg,\n            tabsUpdated,\n            iconExists,\n            getTabImageData,\n            choiceVisible,\n            getTranslatedNumber,\n            getFriendlyTabNum,\n            updateTabVisibility,\n            move,\n            trash,\n            closeOutline,\n            startCount,\n            endCount\n        }\n    }\n});\n</script>\n\n<style scoped>\n    .image-wrapper {\n        height: 550px;\n        width:auto;\n        margin: 0 auto;\n        padding-top:0px;\n        object-fit: cover!important;\n    }\n\n    ion-image.custom-content-layout {\n        object-fit: cover!important;\n    }   \n\n    .label-active {\n        font-weight: 900; \n    }\n\n    .label-inactive {\n        color: var(--ion-color-light)!important;\n        font-weight: normal; \n    }\n\n    .template-tab-card {\n        width:22%; \n        display:block;\n        margin: 0 auto;\n    }\n\n    .template-card-row {\n        width:100%;\n        display: flex; \n        align-items: center; \n        justify-content: center;\n    }\n    \n    input {\n        border-width: 1px!important;\n        border-color: var(--ion-color-dark);\n        border-radius: 5%!important;\n    }\n\n    ion-input.text-centered { \n            border: 1px solid var(--ion-color-primary)!important;\n            padding:0px!important;\n            margin:5px 0px!important;\n    }\n    \n    ion-toolbar.template-tab-card {\n        width:100%;\n        --min-height:24px!important;\n        padding: 5px 5px;\n    }\n\n    ion-card.tab-inactive{\n        position: relative;\n        pointer-events: none;\n        display:none;\n    }\n\n    ion-input.tab-preview-input{\n        border-radius: 5px;\n        padding: 0px 10px!important;\n        margin-top: 5px!important;\n    }\n\n    ion-item.tab-preview{\n        padding: 10px 0px!important;\n    }\n\n    ion-card.tab-inactive:after{\n        content: \"\";\n        position: absolute;\n        width: 100%;\n        height: inherit;\n        background-color: rgba(0,0,0,0.1);\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n    }\n\n    ion-icon.tab-preview-icon {\n        color: var(--ion-color-primary);\n        font-size: 35px;\n        width:35px;\n        margin: auto!important;\n    }\n\n    button.tab-preview-button{\n        margin:auto!important;\n    }\n\n    ion-item.lefthand-radius {\n        border-top-left-radius: 12px;\n        border-bottom-left-radius: 12px;\n    }\n\n    ion-item.righthand-radius {\n        border-top-right-radius: 12px;\n        border-bottom-right-radius: 12px;\n    }\n\n\n</style>","\n\nimport {\n    IonContent,\n    IonInput,\n    IonItem,\n    IonLabel,\n    IonPage,\n    IonRadio,\n    IonToggle,\n    IonImg,\n    IonRow,\n    IonRadioGroup,\n    IonGrid,\n    IonCol,\n    IonIcon,\n    onIonViewDidEnter\n} from '@ionic/vue';\nimport FixedFooter from \"@/components/FixedFooter.vue\";\nimport router from \"@/router\";\nimport {computed, defineComponent, ref} from \"vue\";\nimport { IonCard, IonCardContent, IonCardHeader, IonCardTitle } from '@ionic/vue';\nimport {presentValidationAlert} from \"@/services/Notify\";\nimport {execute} from \"@/mixins/LoadingMixin\";\nimport {useRoute} from \"vue-router\";\nimport {getTemplate, updateTemplate, createTemplate} from \"@/services/TemplateService\";\nimport {JourneyTemplate} from \"@/models/JourneyTemplateModel\";\nimport {EMPTY_GUID} from \"@/utils/GuidUtil\";\nimport {createTabs, deleteTab, updateTab, updateTabTitles} from \"@/services/TabService\";\nimport {JourneyTab} from \"@/models/JourneyTabModel\";\nimport {uuid4} from \"@capacitor/core/dist/esm/util\";\nimport {useStore} from \"vuex\";\nimport {FooterButtonsBuilder} from \"@/mixins/FooterButtonsBuilder\";\nimport {openSelectImageModal} from \"@/services/SelectModalService\";\nimport {IMAGE_GROUP_TYPES, ImageGroupId} from \"@/models/ImageGroupTypes\";\nimport {Image} from \"@/models/ImageModel\";\nimport {getImage} from \"@/services/ImagesService\";\nimport {getTranslatedNumber} from \"@/utils/NumberTranslate\";\nimport {move , trash , closeOutline, add} from 'ionicons/icons';\n\n\nexport default defineComponent({\n    name: 'TemplateName',\n    components: {\n        IonContent,\n        IonPage,\n        IonItem,\n        IonLabel,\n        IonInput,\n        IonRadioGroup,\n        IonRadio,\n        IonToggle,\n        IonImg,\n        IonRow,\n        IonGrid,\n        IonCol,\n        IonCard, \n        IonCardContent, \n        IonCardTitle,\n        FixedFooter\n    },\n    async ionViewWillEnter() {\n        await this.store.dispatch('app/setPageTitle', this.language.templateName);\n        this.template = {} as JourneyTemplate;\n        if (this.templateId !== EMPTY_GUID) {\n            router.currentRoute.value.meta.goBackTo = 'templates';\n            \n            await execute(async () => {\n                this.template = await getTemplate(this.templateId);\n                this.originalTabsCount = this.template.tabsCount;\n                this.currentTabCount = this.template.tabsCount;\n            },  this.language.errors.gettingTemplate);\n        } else {\n            router.currentRoute.value.meta.goBackTo = 'home';\n            //this.template.id = uuid4();\n            this.template.id = EMPTY_GUID;\n            this.template.tabsCount = 0;\n            this.template.name = '';\n            this.template.tabs = [] as JourneyTab[];\n        }\n        if (!this.template.enableCustomContent) {\n            this.template.enableCustomContent = false;\n        }\n//Reset the Icons Array\n        if (this.tabIcons.length > 0){\n            this.tabIcons.length = 0;\n        }\n\n        //Load tab icons\n        for (let i = 0; i <= this.template.tabsCount - 1; i++){\n            let tabIcon = '';\n\n            if (this.template.tabs[i].tabIconId === EMPTY_GUID || this.template.tabs[i].tabIconId === undefined) {\n                tabIcon = 'No Matching Image';\n            }\n            else {                \n                tabIcon = this.template.tabs[i].tabIconId;\n            }\n\n            if (tabIcon != 'No Matching Image'){\n                this.selectedIcon = await getImage(tabIcon);\n                this.template.tabs[i].tabIconId = tabIcon;\n            }\n            else{              \n                this.selectedIcon = {} as Image;\n            }\n            this.tabIcons.push(this.selectedIcon);\n        }\n        this.updateTabVisibility();\n    },\n    setup() {\n        const store = useStore();\n        const language = computed(() => store.getters['app/language']);\n        const route = useRoute();\n        const templateId = computed(() => route.params.id as string || EMPTY_GUID);\n        const template = ref({} as JourneyTemplate);\n        const originalTabsCount = ref(0);\n        const editingExisting = computed(() => templateId.value !== EMPTY_GUID);\n        const currentTabCount = ref(0);\n        const disableContentToggle = computed(() => template.value.tabsCount < 3 );\n        const selectedIcon = ref({} as Image);\n        const tabIcons = ref<Image[]>([]);\n        let tabsUpdated = false;\n        \n\n        const choiceVisible = (choiceIndex: number) => {\n            let result = true; \n            if (template.value.id === EMPTY_GUID || template.value.inUseCnt === 0 ){\n                return result;\n            }\n            switch(choiceIndex){\n                case 1:\n                    result = template.value.tabsCount < 3 ;\n                    break;\n                case 2:\n                    result = template.value.tabsCount < 3 ;\n                    break;\n                case 3:\n                    result = template.value.tabsCount > 2 ;\n                    break;\n                case 4:\n                    result = template.value.tabsCount > 2 ;\n                    break;\n            }\n            return result;\n        }\n\n        const updateTabVisibility = () =>{\n            const tabCnt: number = template.value.tabsCount;\n            template.value.tabs.forEach((tab: JourneyTab) => {\n                switch(tab.tabNum){\n                    case 1:\n                        tab.toRemove = tabCnt > 1 ? false : true;\n                        break;\n                    case 2:\n                        tab.toRemove = tabCnt > 2 ? false : true ;\n                        break;\n                    case 3:\n                        tab.toRemove = tabCnt > 3 ? false : true ;\n                        break;\n                    case 4:\n                        tab.toRemove = tabCnt > 0 ? false : true ;\n                        break;\n                }\n            });\n        }\n\n        const addTab = (tabNum: number) => {\n            const existingTab = template.value.tabs.find((tab: JourneyTab) => tab.tabNum === tabNum);\n            if(existingTab){\n                //console.log(`Tab ${tabNum} already exists`);\n                existingTab.toRemove = false;\n                //addTabIcon(existingTab.tabIconId);\n            }else{\n                //console.log(`Adding tab ${tabNum}`);\n                template.value.tabs.push({\n                        id: EMPTY_GUID,\n                        title: '',\n                        tabNum: tabNum,\n                        templateId: templateId.value,\n                        tabIconId: EMPTY_GUID\n                    } as JourneyTab);\n                //addTabIcon();\n            }\n        }\n\n        const addTabs = () => {\n            const currTabNums = template.value.tabs.map((tab: JourneyTab) => tab.tabNum);\n            //console.log(`Current tab nums: ${JSON.stringify(currTabNums)}`);\n            if(template.value.tabs.length === 0){\n                for(let i = 0 ; i < template.value.tabsCount ; i++){\n                    const tabNum =  (i === template.value.tabsCount - 1) ? 4 : i + 1 ;\n                    addTab(tabNum);\n                }\n            }else{\n                if(template.value.tabs.length === 1 && template.value.tabsCount === 2){\n                    addTab(4);\n                    tabIcons.value.push({} as Image);\n                }else{\n                    if(template.value.tabsCount === 4){\n                        //console.log(` Tabs count is 4`);\n                        if(!currTabNums.includes(1)) addTab(1);\n                        if(!currTabNums.includes(2)) addTab(2);\n                        if(!currTabNums.includes(3)) addTab(3); \n                        if(!currTabNums.includes(4)) addTab(4); \n                    }else if(template.value.tabsCount === 3){\n                        //console.log(` Tabs count is 3`);\n                        if(!currTabNums.includes(1)) addTab(1);\n                        if(!currTabNums.includes(2)) addTab(2);\n                        if(!currTabNums.includes(4)) addTab(4); \n                    }\n                    /*if(tabIcons.value.length > 2 && tabIcons.value.length === 3){\n                        tabIcons.value.splice(2,0,{} as Image);\n                    }else{\n                        tabIcons.value.push({} as Image);\n                    }*/\n                }\n                \n            }\n            template.value.tabs.sort((a , b) => a.tabNum - b.tabNum);\n            updateTabVisibility();\n            tabsUpdated = true;\n        }\n        \n\n        const removeTab = (tabNum: number) => {\n            template.value.tabs.forEach((tab: JourneyTab) => {\n                if(tab.tabNum === tabNum){\n                    tab.toRemove = true;\n                }\n            });\n        }\n\n        const removeTabs = () => {\n            switch (template.value.tabsCount){\n                case 1:\n                    removeTab(1);\n                    removeTab(2);\n                    removeTab(3);\n                    break;\n                case 2:\n                    removeTab(2);\n                    removeTab(3);\n                    break;\n                case 3:\n                    removeTab(3);\n                    break;\n            }\n            updateTabVisibility();\n            tabsUpdated = true;\n        }\n\n        const getFriendlyTabNum = (tabNum: number) => {\n            const visibleTabs = template.value.tabs.filter((tab: JourneyTab) => tab.toRemove !== true);\n            const tabIndex = visibleTabs.findIndex((tab: JourneyTab) => tab.tabNum === tabNum);\n            return getTranslatedNumber(tabIndex + 1); \n        }\n\n        const validateTabs = () => {\n            const errorMessages: string[] = [];\n            //(`Tabs:`);\n            //console.log(template.value.tabs);\n            if (template.value.tabs.some((tab: JourneyTab) => (!tab.title || tab.title.trim() === '') && tab.toRemove !== true)) {\n                //errorMessages.push(language.value.validation.fillAllTitles);\n            } \n            if (template.value.tabs.some((tab: JourneyTab) => (!tab.tabIconId || tab.tabIconId.trim() === EMPTY_GUID) && tab.toRemove !== true)) {\n                errorMessages.push(language.value.validation.selectIcon);\n            } \n            if(errorMessages.length > 0){\n                presentValidationAlert(errorMessages.join(\"<br/>\"));\n            }\n            return errorMessages.length === 0;\n        }\n\n        const tabCountSelected = async (e: any) => {\n            template.value.tabsCount = parseInt(e.target.value, 10);\n            //console.log(`Selected tab count: ${template.value.tabsCount}`)\n            if(template.value.tabsCount < 3){\n                template.value.enableCustomContent = true;\n            }\n            if (template.value.tabs.length !== template.value.tabsCount ){\n                if(template.value.tabs.length > template.value.tabsCount){\n                    //console.log(\"Removing tabs\");\n                    removeTabs();\n                }else if (template.value.tabs.length < template.value.tabsCount){\n                    //console.log(\"Adding tabs\");\n                    addTabs();\n                }\n            }else{\n                template.value.tabs.forEach((tab: JourneyTab) =>{ tab.toRemove = false;});\n            }\n        }\n\n        const startCount = (tabNum: number) => {\n            if (tabNum ==1){\n                return true;\n            }\n            if (template.value.inUseCnt > 0){\n                return (template.value.tabsCount > 2 && tabNum === 3) || (template.value.tabsCount < 3 && tabNum === 2) ; \n            }\n            return false;\n            \n        }\n\n        const endCount = (tabNum: number) => {\n            if (tabNum == 4){\n                return true;\n            }\n            if (template.value.inUseCnt > 0){\n                return (template.value.tabsCount < 2 && tabNum === 2) ; \n            }\n            return false;\n        }\n        \n        const handleNext = async () => {\n            if (validateTabs()){\n                await execute(async () => {\n                    if (template.value.id !== EMPTY_GUID) {\n                        await updateTemplate({ id: template.value.id, name: template.value.name , tabsCount: template.value.tabsCount, complete: template.value.complete, appInstanceId: template.value.appInstanceId, enableCustomContent: template.value.enableCustomContent });\n                        const tabsToCreate: JourneyTab[] = template.value.tabs.filter((tab: JourneyTab) => (tab.id === EMPTY_GUID && tab.toRemove !== true));\n                        \n                        const tabsToUpdate: JourneyTab[] = template.value.tabs.filter((tab: JourneyTab) => (tab.id !== EMPTY_GUID && tab.toRemove !== true));\n                        \n                        const tabsToDelete: JourneyTab[] = template.value.tabs.filter((tab: JourneyTab) => (tab.id !== EMPTY_GUID && tab.toRemove === true));\n                        \n                        if (tabsToUpdate.length > 0){\n                            await updateTabTitles(tabsToUpdate);\n                        }\n                        if (tabsToCreate.length > 0){\n                            tabsToCreate.forEach((tab: JourneyTab) => tab.id = uuid4())\n                            await createTabs(tabsToCreate);\n                        }\n                        tabsToDelete.forEach((tab: JourneyTab) => deleteTab(tab.id))\n                    } else {\n                        template.value.id = uuid4();\n                        //in case the user has changed tab counts during the process remove those they don't actually want\n                        template.value.tabs = template.value.tabs.filter((tab: JourneyTab) => tab.toRemove == false);\n                        template.value.tabs.forEach((tab: JourneyTab) => tab.templateId = template.value.id);\n                        template.value.tabs.forEach((tab: JourneyTab) => tab.id = uuid4());\n                        await createTemplate({ id: template.value.id, name: template.value.name , tabsCount: template.value.tabsCount, complete: false, appInstanceId: store.getters['app/selectedAppInstanceId'], enableCustomContent: template.value.enableCustomContent });\n                        await createTabs(template.value.tabs);\n                    }\n                    await router.push({ name: 'tab', params: {id: template.value.id , tabId: template.value.tabs[0].id }});\n                }, language.value.errors.savingTemplate);\n            }\n        }\n\n        \n\n        const openImageSelectModal = async (index: number) => {\n            const imageSelect = await openSelectImageModal(IMAGE_GROUP_TYPES.get(ImageGroupId.JourneySetIcon) || '', ImageGroupId.JourneySetIcon);\n            const { data } = await imageSelect.onWillDismiss();\n            if(data.id){ \n                data.title = template.value.tabs[index].title;\n                template.value.tabs[index].tabIconId = data.id;\n                template.value.tabs[index].icon = data.data;\n                if(!tabIcons.value.find((iconImg: Image) => iconImg.id === data.id)){\n                    tabIcons.value.push(data);\n                }\n            }\n        }\n\n        const removeImg = (tab: JourneyTab) => {\n            tabIcons.value = tabIcons.value.filter(tabIcon => tabIcon.id !== tab.tabIconId);\n            tab.tabIconId = EMPTY_GUID;\n            tab.icon = 'remove';\n        }\n\n        const iconExists = (tabIconId: string) => {\n            const iconImage = tabIcons.value.find((icon: Image) => icon.id === tabIconId);\n            if(iconImage){\n                return true;\n            }\n            return false;\n        }\n\n        const getTabImageData = (tabIconId: string) =>{\n            if(tabIconId !== EMPTY_GUID){\n                const iconImage = tabIcons.value.find((icon: Image) => icon.id === tabIconId);\n                if(iconImage){\n                    return iconImage.data;\n                }\n            }\n            return \"\";\n        }\n\n        return {\n            store,\n            language,\n            template,\n            templateId,\n            footerButtons: computed(() =>\n                new FooterButtonsBuilder()\n                    .addClearBackButton()\n                    .addPrimaryNextButton(async () => await handleNext())\n                    .create()\n            ),\n            radioSelected: (e: any) => template.value.tabsCount = parseInt(e.target.value, 10),\n            tabCountSelected,\n            originalTabsCount,\n            currentTabCount,\n            disableContentToggle,\n            openImageSelectModal,\n            selectedIcon,\n            tabIcons,\n            removeImg,\n            tabsUpdated,\n            iconExists,\n            getTabImageData,\n            choiceVisible,\n            getTranslatedNumber,\n            getFriendlyTabNum,\n            updateTabVisibility,\n            move,\n            trash,\n            closeOutline,\n            startCount,\n            endCount\n        }\n    }\n});\n","import { render } from \"./TemplateName.vue?vue&type=template&id=e2382b8e&scoped=true\"\nimport script from \"./TemplateName.vue?vue&type=script&lang=ts\"\nexport * from \"./TemplateName.vue?vue&type=script&lang=ts\"\n\nimport \"./TemplateName.vue?vue&type=style&index=0&id=e2382b8e&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-e2382b8e\"\n\nexport default script","function _defineProperties(target, props) {\n  for (var i = 0; i < props.length; i++) {\n    var descriptor = props[i];\n    descriptor.enumerable = descriptor.enumerable || false;\n    descriptor.configurable = true;\n    if (\"value\" in descriptor) descriptor.writable = true;\n    Object.defineProperty(target, descriptor.key, descriptor);\n  }\n}\n\nexport default function _createClass(Constructor, protoProps, staticProps) {\n  if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n  if (staticProps) _defineProperties(Constructor, staticProps);\n  return Constructor;\n}","'use strict';\nvar $ = require('../internals/export');\nvar $findIndex = require('../internals/array-iteration').findIndex;\nvar addToUnscopables = require('../internals/add-to-unscopables');\n\nvar FIND_INDEX = 'findIndex';\nvar SKIPS_HOLES = true;\n\n// Shouldn't skip holes\nif (FIND_INDEX in []) Array(1)[FIND_INDEX](function () { SKIPS_HOLES = false; });\n\n// `Array.prototype.findIndex` method\n// https://tc39.es/ecma262/#sec-array.prototype.findindex\n$({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {\n  findIndex: function findIndex(callbackfn /* , that = undefined */) {\n    return $findIndex(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n\n// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables(FIND_INDEX);\n","var fails = require('../internals/fails');\nvar whitespaces = require('../internals/whitespaces');\n\nvar non = '\\u200B\\u0085\\u180E';\n\n// check that a method works with the correct list\n// of whitespaces and has a correct name\nmodule.exports = function (METHOD_NAME) {\n  return fails(function () {\n    return !!whitespaces[METHOD_NAME]() || non[METHOD_NAME]() != non || whitespaces[METHOD_NAME].name !== METHOD_NAME;\n  });\n};\n","export default function _classCallCheck(instance, Constructor) {\n  if (!(instance instanceof Constructor)) {\n    throw new TypeError(\"Cannot call a class as a function\");\n  }\n}","import {DELETE, GET, POST, PUT} from './HTTP';\nimport { JourneyTab } from \"@/models/JourneyTabModel\";\n\nexport function getTab(id: string): Promise<JourneyTab>{\n    return GET('/tabs/' + id);\n}\n\nexport function updateTab(data: any): Promise<any> {\n    return PUT(`/tabs/${data.id}`, data);\n}\n\nexport function deleteTab(id: string): Promise<any> {\n    return DELETE(`/tabs/${id}`);\n}\n\nexport function createTabs(data: any): Promise<any> {\n    return POST('/tabs', data);\n}\n\nexport function updateTabTitles(data: any): Promise<any> {\n    return PUT('/tabs', data);\n}","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./FixedFooter.vue?vue&type=style&index=0&id=aa50f4d0&scoped=true&lang=css\"","import { GET } from './HTTP';\nimport {Image} from \"@/models/ImageModel\";\n\nexport function getImage(id: string): Promise<Image>{\n    return GET('/images/' + id);\n}\n "],"sourceRoot":""}