{"version":3,"sources":["contact.js"],"names":["window","document","html","documentElement","body","querySelector","innerWidth","innerHeight","getScrollTop","arguments","length","undefined","pageYOffset","scrollTop","clientTop","getWinSet","addEventListener","throttle","isiOS","navigator","userAgent","toLowerCase","match","titleEls","$","find","calcHeightThrottle","calcHeight","max","each","index","el","height","jobBreakpoint","matchMedia","jobBreakpointChecker","matches","removeEventListener","matchCustom","params","data","trim","term","text","id","toUpperCase","indexOf","element","dataset","keywords","addListener","select2LangDefined","es","de","fr","it","nl","zh-Hant-TW","zh","getAttribute","select2AddId","$this","parent","parents","input","concat","attr","item","searchInput","select2","matcher","language","placeholder","allowClear","width","dropdownParent","multiple","on","e","removeAttr","val","addClass","trigger","blur","removeClass","setTimeout","focus","selectPdEl","selectPDBuilded","buildSelectPd","formatRepo","repo","loading","pdDesc","desc","img","formatRepoSelection","full_name","this","msg","inputTooShort","noResults","_defineProperty","minimumInputLength","minimumResultsForSearch","maximumSelectionLength","templateResult","templateSelection","pickDateEls","l10nData","file","property","pickDateInit","path","callback","script","lang","currentLang","fileName","propertyName","currentScriptPath","flatpickr","localize","l10ns","pickDateBuild","createElement","onload","src","head","appendChild","forEach","format","replace","minDate","dateFormat","onReady","flatpickrOpt","dispatchEvent","CustomEvent","querySelectorAll","setAttribute","removeAttribute","foundation"],"mappings":"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","file":"../contact.min.js","sourcesContent":["// 其它單元也要使用，搬移到all-main.js\r\n// /* ---------------------------------------- [START] 輸入 Filter */\r\n// (function (window, document) {\r\n// \t/* 只能輸入數字 */\r\n// \t// setInputFilter(document.querySelectorAll('.js-input-num'), function (value) {\r\n// \t// \treturn /^\\d*$/.test(value);\r\n// \t// });\r\n\r\n// \t/* 只能輸入數字 + 英文 */\r\n// \t// setInputFilter(document.querySelectorAll('.js-input-num-a-z'), function (value) {\r\n// \t// \treturn /^[a-zA-Z0-9]*$/.test(value);\r\n// \t// });\r\n\r\n// \t/* 只能輸入電話相關 */\r\n// \tsetInputFilter(document.querySelectorAll('.js-input-tel'), function (value) {\r\n// \t\treturn /^[\\d-+\\s()#]*$/.test(value);\r\n// \t});\r\n// })(window, document);\r\n\r\n// /* Ref (Richart): https://richart.tw/TSDIB_RichartWeb/static/revamp/js/InputFilter.js\r\n//  * Restricts input for the given textbox to the given inputFilter.\r\n//  */\r\n// function setInputFilter(x, inputFilter) {\r\n// \tif (x.length > 0) {\r\n// \t\t['focus', 'input', 'keydown', 'keyup', 'mousedown', 'mouseup', 'select', 'contextmenu', 'drop'].forEach(\r\n// \t\t\tfunction (event) {\r\n// \t\t\t\tfor (var i = 0; i < x.length; i++) {\r\n// \t\t\t\t\tx[i].addEventListener(event, function () {\r\n// \t\t\t\t\t\tif (inputFilter(this.value)) {\r\n// \t\t\t\t\t\t\tthis.oldValue = this.value;\r\n// \t\t\t\t\t\t\tthis.oldSelectionStart = this.selectionStart;\r\n// \t\t\t\t\t\t\tthis.oldSelectionEnd = this.selectionEnd;\r\n// \t\t\t\t\t\t} else if (this.hasOwnProperty('oldValue')) {\r\n// \t\t\t\t\t\t\tthis.value = this.oldValue;\r\n// \t\t\t\t\t\t\tthis.setSelectionRange(this.oldSelectionStart, this.oldSelectionEnd);\r\n// \t\t\t\t\t\t} else {\r\n// \t\t\t\t\t\t\tthis.value = '';\r\n// \t\t\t\t\t\t}\r\n// \t\t\t\t\t});\r\n// \t\t\t\t}\r\n// \t\t\t}\r\n// \t\t);\r\n// \t}\r\n// }\r\n// /* ---------------------------------------- [END] 輸入 Filter */\r\n\r\n(function (window, document) {\r\n\t/* ---------------------------------------- [START] Windows Setting */\r\n\tconst html = document.documentElement;\r\n\tconst body = document.body || document.querySelector('body');\r\n\tlet ww = window.innerWidth;\r\n\tlet wh = window.innerHeight;\r\n\tlet ws = 0;\r\n\tfunction getScrollTop(target = window) {\r\n\t\treturn (target.pageYOffset || html.scrollTop) - (html.clientTop || 0);\r\n\t}\r\n\tfunction getWinSet() {\r\n\t\tww = window.innerWidth;\r\n\t\twh = window.innerHeight;\r\n\t\tws = getScrollTop();\r\n\t}\r\n\tfunction scrollHandler() {\r\n\t\tws = getScrollTop();\r\n\t}\r\n\twindow.addEventListener('load', getWinSet);\r\n\twindow.addEventListener('scroll', scrollHandler);\r\n\twindow.addEventListener('resize', throttle(getWinSet, 50, 100));\r\n\t// ----------------------------\r\n\t// 判斷 裝置\r\n\t// iOS\r\n\tvar ua = navigator.userAgent;\r\n\tvar isiOS = ua.toLowerCase().match(/(iphone|ipod|ipad)/);\r\n\t/* ---------------------------------------- [END] Windows Setting */\r\n\r\n\t/* ---------------------------------------- [START] Match Height */\r\n\tconst titleEls = $('.js-match-title').find('.form__group-title');\r\n\tconst calcHeightThrottle = throttle(calcHeight, 50, 100);\r\n\tfunction calcHeight() {\r\n\t\tlet max = 0;\r\n\t\ttitleEls.each((index, el) => {\r\n\t\t\t$(el).height('');\r\n\t\t\tif ( max < $(el).innerHeight()) {\r\n\t\t\t\tmax = $(el).innerHeight();\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\ttitleEls.height(max);\r\n\t}\r\n\tconst jobBreakpoint = window.matchMedia('(min-width: 1024px)');\r\n\tconst jobBreakpointChecker = function() {\r\n\t\tif (jobBreakpoint.matches) {\r\n\t\t\t// Medium + Large\r\n\t\t\tcalcHeight();\r\n\t\t\twindow.addEventListener('resize', calcHeightThrottle);\r\n\t\t} else {\r\n\t\t\t// Small\r\n\t\t\ttitleEls.height('');\r\n\t\t\twindow.removeEventListener('resize', calcHeightThrottle);\r\n\t\t}\r\n\t}\r\n\twindow.addEventListener('load', function() {\r\n\t\tif (titleEls.length) {\r\n\t\t\tjobBreakpointChecker();\r\n\t\t\tjobBreakpoint.addListener(jobBreakpointChecker);\r\n\t\t}\r\n\t});\r\n\t/* ---------------------------------------- [END] Match Height */\r\n\r\n\t/* ---------------------------------------- [START] Select2 Tool */\r\n\t// 尋找對應的關鍵字\r\n\t// Ref: https://stackoverflow.com/a/58218967/11240898\r\n\tfunction matchCustom(params, data) {\r\n\t\t// If there are no search terms, return all of the data\r\n\t\tif ($.trim(params.term) === '') {\r\n\t\t\treturn data;\r\n\t\t}\r\n\r\n\t\t// Do not display the item if there is no 'text' property\r\n\t\tif (typeof data.text === 'undefined' || data.id === 'null') {\r\n\t\t\treturn null;\r\n\t\t}\r\n\r\n\t\t// `params.term` should be the term that is used for searching\r\n\t\t// `data.text` is the text that is displayed for the data object\r\n\t\tif (data.text.toUpperCase().indexOf(params.term.toUpperCase()) > -1) {\r\n\t\t\treturn data;\r\n\t\t}\r\n\r\n\t\t// custom search using lookup data\r\n\t\t// 尋找對應的關鍵字\r\n\t\tif (\r\n\t\t\tdata.element.dataset.keywords &&\r\n\t\t\tdata.element.dataset.keywords.toUpperCase().indexOf(params.term.toUpperCase()) > -1\r\n\t\t) {\r\n\t\t\treturn data;\r\n\t\t}\r\n\r\n\t\t// Return `null` if the term should not be displayed\r\n\t\treturn null;\r\n\t}\r\n\r\n\t// 篩選首字符合\r\n\t// function matchStart(params, data) {\r\n\t// \tparams.term = params.term || '';\r\n\t// \tif (data.text.toUpperCase().indexOf(params.term.toUpperCase()) === 0) {\r\n\t// \t\treturn data;\r\n\t// \t}\r\n\t// \treturn false;\r\n\t// }\r\n\r\n\tconst lang = document.documentElement.getAttribute('lang');\r\n\tconst select2Lang = {\r\n\t\tes: 'es', // 西班牙\r\n\t\tde: 'de', // 德文\r\n\t\tfr: 'fr', // 法文\r\n\t\tit: 'it', // 義大利文\r\n\t\tnl: 'nl', // 義大利文\r\n\t\t'zh-Hant-TW': 'zh-TW', // 義大利文\r\n\t\t'zh': 'zh-TW', // 義大利文\r\n\t}\r\n\r\n\tfunction select2LangGet() {\r\n\t\treturn select2Lang[lang] || 'en';\r\n\t}\r\n\r\n\tconst select2LangDefined = select2LangGet();\r\n\r\n\t// SIT 100 - 110 - F_6.1. 聯絡我們 - 修正 iOS 點擊 Select2 相關產生的欄位產生的 Bug\r\n\t// 因為結構關係，導致<label>會有兩個欄位，一個<select>（原本的下拉選單）、一個輸入框<input>（生成的）\r\n\t// 在iOS系統會導致先出現原生介面的Bug\r\n\tfunction select2AddId($this, index) {\r\n\t\tconst parent = $this.parents('label');\r\n\t\tconst input = parent.find('input');\r\n\t\tconst id = `select-country-${index}`;\r\n\r\n\t\tinput.attr('id', id);\r\n\t\t// SIT208 - 2022/03/08 發現: 加入驗證後會出錯（當欄位錯誤，整個欄位都會消失），label 不能加 for <select> 或 <input>\r\n\t\t// parent.attr('for', id);\r\n\t\tif (isiOS) {\r\n\t\t\tparent.attr('for', 'select-country-label'); // 加入沒有意義的項目\r\n\t\t}\r\n\t}\r\n\t/* ---------------------------------------- [END] Select2 Tool */\r\n\r\n\t/* ---------------------------------------- [START] Select Country (Select2) */\r\n\tfunction buildSelectCountry() {\r\n\t\t$('.js-select-country').each(function (index, item) {\r\n\t\t\tvar $this = $(item);\r\n\t\t\tvar searchInput;\r\n\r\n\t\t\tvar mySelect = $this\r\n\t\t\t\t.select2({\r\n\t\t\t\t\tmatcher: matchCustom,\r\n\t\t\t\t\tlanguage: select2LangDefined,\r\n\t\t\t\t\tplaceholder: $this.data('placeholder'),\r\n\t\t\t\t\tallowClear: true,\r\n\t\t\t\t\twidth: '100%',\r\n\t\t\t\t\tdropdownParent: $this.parent(),\r\n\t\t\t\t\tmultiple: true, // 將多選強制設置為單選樣式\r\n\t\t\t\t\t// maximumSelectionLength: 1 // 將多選強制設置為單選樣式，但有option空值會產生問題(select require 一定要有空值選項)\r\n\t\t\t\t})\r\n\t\t\t\t.on('select2:init', function (e) {\r\n\t\t\t\t\t// Init Event\r\n\t\t\t\t\t$this.removeAttr('multiple'); // Remove Multiple\r\n\t\t\t\t\tif (!$this.val()) {\r\n\t\t\t\t\t\t$this.parent().find('.select2-selection__clear').addClass('hide');\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tselect2AddId($this, index);\r\n\t\t\t\t})\r\n\t\t\t\t.on('select2:select', function (e) {\r\n\t\t\t\t\t// 使用單選但又不要下拉呈現\r\n\t\t\t\t\t// Ref: https://stackoverflow.com/a/32575136/11240898\r\n\t\t\t\t\t$this.val([]);\r\n\t\t\t\t\t$this.val([e.params.data.id]).trigger('change');\r\n\t\t\t\t\t$(':focus').blur();\r\n\t\t\t\t})\r\n\t\t\t\t.on('change', function (e) {\r\n\t\t\t\t\t// 隱藏 Clear All\r\n\t\t\t\t\t// 選擇項目時，會 trigger 兩次 change ，原因不明\r\n\t\t\t\t\tif (!$this.val()) {\r\n\t\t\t\t\t\t$this.parent().find('.select2-selection__clear').addClass('hide');\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\t$this.parent().find('.select2-selection__clear').removeClass('hide');\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t\t.on('select2:unselect', function (e) {\r\n\t\t\t\t\t// 多選直接按 ←Backspace 時，會出現原項目文字編輯，非整個刪除\r\n\t\t\t\t\t// ↓達成整個刪除\r\n\t\t\t\t\t$this.val(null);\r\n\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\tsearchInput.val('');\r\n\t\t\t\t\t\t$this.trigger('change');\r\n\t\t\t\t\t\tsearchInput.trigger('input'); // 重刷 Search\r\n\t\t\t\t\t}, 1);\r\n\t\t\t\t})\r\n\t\t\t\t.on('select2:clear', function () {\r\n\t\t\t\t\tsetTimeout(function () {\r\n\t\t\t\t\t\t$this.parent().find('input').focus();\r\n\t\t\t\t\t}, 20);\r\n\t\t\t\t});\r\n\r\n\t\t\t// Select El\r\n\t\t\t// Trigger Init, Ref: https://github.com/select2/select2/issues/2572#issuecomment-166941793\r\n\t\t\t$this.trigger('select2:init');\r\n\r\n\t\t\t$this.on('focus', function () {\r\n\t\t\t\t$this.select2('open');\r\n\t\t\t});\r\n\r\n\t\t\t// ---\r\n\r\n\t\t\t// Input El\r\n\t\t\tsearchInput = $this.parent().find('input');\r\n\r\n\t\t\t// Chrome 會忽略設置 off 的 autocomplete，改其它寫法\r\n\t\t\t// https://github.com/select2/select2/issues/3313#issuecomment-98642015\r\n\t\t\tsearchInput.attr('autocomplete', 'xxxxxxxxxxx');\r\n\r\n\t\t\t// 更改Type\r\n\t\t\tsearchInput.attr('type', 'text');\r\n\t\t});\r\n\t}\r\n\r\n\twindow.addEventListener('load', buildSelectCountry);\r\n\t/* ---------------------------------------- [START] Select Country (Select2) */\r\n\r\n\t/* ---------------------------------------- [START] Select Product (Select2) */\r\n\tconst selectPdEl = $('.js-select-pd');\r\n\tlet selectPDBuilded = false;\r\n\tfunction buildSelectPd() {\r\n\t\t// 避免多次生成\r\n\t\tif (selectPDBuilded) {\r\n\t\t\treturn false\r\n\t\t}\r\n\t\tselectPDBuilded = true;\r\n\r\n\t\t// let searchInput;\r\n\r\n\t\t/* ※Select2 官方文件有說明，如果使用「multiple」就不要使用「空值」物件（For multi-selects, you must not have an empty element (Ref: https://select2.org/placeholders)）\r\n\t\t * 但如果一開始不要有預設選項，要顯示「placeholder」，得要使用「空值」物件，導致形成衝突。\r\n\t\t * （Multiple類型如果進行篩選，選擇第一次，空值會被篩選進去，如此發問：https://stackoverflow.com/questions/49943362/select2-multi-select-blank-option-always-selected）\r\n\t\t * 解法A\r\n\t\t *  - 第一個空值項目帶入「偽空值」（有值，但卻不會輸出的值），如：null\r\n\t\t *  - 生成 select2() 後增加： $selectEl.val(null).trigger(\"change\");\r\n\t\t *  - 缺點：\r\n\t\t *   - 因為實際上有值會被篩選出來，所以要在 matcher 增加排除該項目的寫法\r\n\t\t *   - 如果不設定 minimumInputLength >= 1 的值，可能會出現Bug（因為一開始沒有排除）\r\n\t\t * \r\n\t\t * 解法B\r\n\t\t *  - 移除空值選項，將 select先增加 multiple=\"\" 屬性\r\n\t\t *  - 缺點：\r\n\t\t *    - 一開始樣式未生成會看到預設的多選樣式，造成畫面跳動。（部分人不接受）\r\n\t\t *\r\n\t\t * 目前使用解法A\r\n\t\t */\r\n\r\n\t\tselectPdEl.each(function(index, item) {\r\n\t\t\tvar $this = $(this);\r\n\t\t\tvar searchInput;\r\n\r\n\t\t\t// 因為 <select> 設置 require 一定要有空值選項（value=''）\r\n\t\t\t// 但會與 select2 套件產生衝突（原因如上方註解）\r\n\t\t\t// 所以強制更改 value 值，改成 <option value='null'> 方式進行\r\n\t\t\tif ($this.data('max') === 1 && $this.find('option[value=\"\"]')) {\r\n\t\t\t\t$this.find('option[value=\"\"]').val('null');\r\n\t\t\t}\r\n\r\n\t\t\t// 建立客製化語言資料\r\n\t\t\tconst language = {}\r\n\r\n\t\t\tif ($this.data('msgMoreChar')) {\r\n\t\t\t\tconst msg = $this.data('msgMoreChar');\r\n\t\t\t\tlanguage.inputTooShort = function() {\r\n\t\t\t\t\treturn msg\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif ($this.data('msgNoResults')) {\r\n\t\t\t\tconst msg = $this.data('msgNoResults');\r\n\t\t\t\tlanguage.noResults = function() {\r\n\t\t\t\t\treturn msg\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tvar mySelect = $this\r\n\t\t\t\t.select2({\r\n\t\t\t\t\tmatcher: matchCustom,\r\n\t\t\t\t\tlanguage: select2LangDefined,\r\n\t\t\t\t\tplaceholder: $this.data('placeholder'),\r\n\t\t\t\t\tallowClear: true,\r\n\t\t\t\t\twidth: '100%',\r\n\t\t\t\t\tdropdownParent: $this.parent(),\r\n\t\t\t\t\tminimumInputLength: 1, // 至少輸入幾個字\r\n\t\t\t\t\tminimumResultsForSearch: -1,\r\n\t\t\t\t\tmultiple: true,\r\n\t\t\t\t\tmaximumSelectionLength: $this.data('max') || 100,\r\n\t\t\t\t\ttemplateResult: formatRepo,\r\n\t\t\t\t\ttemplateSelection: formatRepoSelection,\r\n\t\t\t\t\tlanguage: language\r\n\t\t\t\t})\r\n\t\t\t\t.on('select2:init', function() {\r\n\t\t\t\t\tselect2AddId($this, 1);\r\n\t\t\t\t})\r\n\t\t\t\t.on('select2:clear', function () {\r\n\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\t$this.parent().find('input').focus();\r\n\t\t\t\t\t}, 10);\r\n\t\t\t\t})\r\n\t\t\t\t.on('focus', function () {\r\n\t\t\t\t\t$this.select2('open');\r\n\t\t\t\t});\r\n\r\n\t\t\t// Select El\r\n\t\t\t// Trigger Init, Ref: https://github.com/select2/select2/issues/2572#issuecomment-166941793\r\n\t\t\t$this.trigger('select2:init');\r\n\r\n\t\t\t// set the value to null or empty string '', then trigger (change) event\r\n\t\t\t$this.val(null).trigger(\"change\");\r\n\r\n\t\t\t// ---\r\n\r\n\t\t\t// Input El\r\n\t\t\tsearchInput = $this.parent().find('input');\r\n\r\n\t\t\t// Chrome 會忽略設置 off 的 autocomplete，改其它寫法\r\n\t\t\t// https://github.com/select2/select2/issues/3313#issuecomment-98642015\r\n\t\t\tsearchInput.attr('autocomplete', 'xxxxxxxxxxx');\r\n\r\n\t\t\t// 更改Type\r\n\t\t\tsearchInput.attr('type', 'text');\r\n\t\t});\r\n\r\n\t\tfunction formatRepo (repo) {\r\n\t\t\tif (repo.loading) {\r\n\t\t\t\treturn repo.text;\r\n\t\t\t}\r\n\r\n\t\t\tconst pdDesc = repo.element.dataset.desc;\r\n\r\n\t\t\tvar $container = $(\r\n\t\t\t\t\"<div class='select-pd-option'>\" +\r\n\t\t\t\t\t\"<div class='select-pd-option__img-wrapper'>\" +\r\n\t\t\t\t\t\t\"<div class='select-pd-option__img-box object-fit'><img src='\" + repo.element.dataset.img + \"' /></div>\" + // 產品圖片\r\n\t\t\t\t\t\"</div>\" +\r\n\t\t\t\t\t\"<div class='select-pd-option__text-wrapper'>\" +\r\n\t\t\t\t\t\t\"<div class='select-pd-option__text-box'>\" +\r\n\t\t\t\t\t\t\t\"<div class='select-pd-option__title'>\" + repo.text + \"</div>\" + // 產品 Modal Name\r\n\t\t\t\t\t\t\t(pdDesc !== '' ? \"<div class='select-pd-option__desc'>\" + pdDesc + \"</div>\" : '') + // 產品敘述\r\n\t\t\t\t\t\t\"</div>\" +\r\n\t\t\t\t\t\"</div>\" +\r\n\t\t\t\t\"</div>\"\r\n\t\t\t);\r\n\r\n\t\t\treturn $container;\r\n\t\t}\r\n\r\n\t\tfunction formatRepoSelection (repo) {\r\n\t\t\treturn repo.full_name || repo.text;\r\n\t\t}\r\n\t}\r\n\r\n\twindow.buildSelectPd = buildSelectPd;\r\n\r\n\twindow.addEventListener('load', function() {\r\n\t\tif (selectPdEl.data('init') !== false) {\r\n\t\t\tbuildSelectPd();\r\n\t\t}\r\n\t});\r\n\t/* ---------------------------------------- [END] Select Product (Select2) */\r\n})(window, document);\r\n\r\n/* ---------------------------------------- [START] Date Picker */\r\n/* 相關事項\r\n * 1. 使用: flatpickr (https://flatpickr.js.org/)\r\n * 2. Mobile 使用原生 (flatpickr 本身就如此寫法)\r\n */\r\n(function(window, document) {\r\n\tlet pickDateEls = null;\r\n\r\n\t// 語言讀取對應（檔案、l10n使用名稱）\r\n\t// key 值對照 html 的 lang 值\r\n\tconst l10nData = {\r\n\t\t// Global: 國際英文、繁體中文\r\n\t\t// Europe: 英式英文、歐洲西班牙文、德文、法文、義大利文、荷蘭文\r\n\t\t// USA: 美式英文、拉丁美洲西班牙文\r\n\t\t// Taiwan: 國際英文、繁體中文\r\n\t\t// 英文: 英文不用換\r\n\t\tes: 'es', // 西班牙\r\n\t\tde: 'de', // 德文\r\n\t\tfr: 'fr', // 法文\r\n\t\tit: 'it', // 義大利文\r\n\t\t// 繁體中文\r\n\t\t'zh-Hant-TW': {\r\n\t\t\tfile: 'zh-tw',\r\n\t\t\tproperty: 'zh_tw' // 因為繁體中文的檔案名稱跟語言名稱不一樣\r\n\t\t}\r\n\t}\r\n\r\n\t// Init: 為了讀取語言項目\r\n\tfunction pickDateInit() {\r\n\t\tconst lang = document.documentElement.getAttribute('lang');\r\n\t\tif (l10nData[lang]) {\r\n\t\t\tconst currentLang = l10nData[lang];\r\n\t\t\tconst fileName = typeof currentLang === 'string' ? currentLang : currentLang.file;\r\n\t\t\tconst propertyName = typeof currentLang === 'string' ? currentLang : currentLang.property;\r\n\r\n\t\t\t// 設定語言項目\r\n\t\t\tloadScript(`${currentScriptPath('js/contact.min.js')}js/vendor/flatpickr/l10n/${fileName}.js`, function() {\r\n\t\t\t\tflatpickr.localize(flatpickr.l10ns[propertyName]);\r\n\t\r\n\t\t\t\tpickDateBuild();\r\n\t\t\t});\r\n\r\n\t\t} else {\r\n\t\t\tpickDateBuild();\r\n\t\t}\r\n\t}\r\n\r\n\tfunction pickDateBuild() {\r\n\t\tpickDateEls.forEach((item) => {\r\n\t\t\t// 因為 flatpickr 的格式跟一般普遍不太一樣，要處理\r\n\t\t\tlet format = item.getAttribute('data-format') || 'DD.MM.YYYY';\r\n\t\t\tformat = format.replace(/YYYY/g, 'Y');\r\n\t\t\tformat = format.replace(/MM/g, 'm');\r\n\t\t\tformat = format.replace(/DD/g, 'd');\r\n\t\r\n\t\t\tconst minDate = item.dataset['minDate'] || null;\r\n\t\t\t\r\n\t\t\t// Build Picker\r\n\t\t\tconst calendar = flatpickr(item, {\r\n\t\t\t\tdateFormat: format,\r\n\t\t\t\tminDate: minDate,\r\n\t\t\t\tonReady: function() {\r\n\t\t\t\t\titem.flatpickrOpt = this;\r\n\t\t\t\t\titem.dispatchEvent(new CustomEvent('ready'));\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t});\r\n\t}\r\n\r\n\twindow.addEventListener('load', function() {\r\n\t\tpickDateEls = document.querySelectorAll('.js-pick-date');\r\n\t\tif (pickDateEls.length) {\r\n\t\t\t\r\n\t\t\t// data-placeholder 轉換成 placeholder\r\n\t\t\t// 因為 input(type=\"date\") 不接受 placeholder\r\n\t\t\tpickDateEls.forEach((item) => {\r\n\t\t\t\tif (item.dataset['placeholder']) {\r\n\t\t\t\t\titem.setAttribute('placeholder', item.dataset['placeholder']);\r\n\t\t\t\t\titem.removeAttribute('data-placeholder');\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\tpickDateInit();\r\n\t\t}\r\n\t});\r\n\r\n\t// =================================================\r\n\r\n\t// 用 JS 讀取\r\n\tfunction loadScript(path, callback) {\r\n\t\tvar script = document.createElement('script');\r\n\t\tscript.onload = function () {\r\n\t\t\tif (callback && typeof callback === 'function') {\r\n\t\t\t\tcallback();\r\n\t\t\t}\r\n\t\t};\r\n\t\tscript.src = path;\r\n\r\n\t\tdocument.head.appendChild(script); //or something of the likes\r\n\t}\r\n})(window, document);\r\n/* ---------------------------------------- [END] Date Picker */\r\n\r\n\r\n\r\n/* ---------------------------------------- [START] Support Warranty */\r\n(function(window, document) {\r\n\t//  [?] Icon提示\r\n\t$('.form__group-title__button-icon[data-toggle]')\r\n\t\t.on('focus', function() {\r\n\t\t\t// Focus => 開啟提示\r\n\t\t\t$('#' + $(this).attr('data-toggle')).foundation('open');\r\n\t\t})\r\n\t\t.on('focusout', function() {\r\n\t\t\t// Focusout => 關閉提示\r\n\t\t\t$('#' + $(this).attr('data-toggle')).foundation('close');\r\n\t\t});\r\n})(window, document);\r\n/* ---------------------------------------- [END] Support Warranty */\r\n"],"sourceRoot":"../../src/"}