@travelopia/web-components 0.9.7 → 0.9.9

package/dist/form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"dist/form/index.js","mappings":"mBACA,IAAIA,EAAsB,CCA1BA,EAAwB,CAACC,EAASC,KACjC,IAAI,IAAIC,KAAOD,EACXF,EAAoBI,EAAEF,EAAYC,KAASH,EAAoBI,EAAEH,EAASE,IAC5EE,OAAOC,eAAeL,EAASE,EAAK,CAAEI,YAAY,EAAMC,IAAKN,EAAWC,IAE1E,ECNDH,EAAwB,CAACS,EAAKC,IAAUL,OAAOM,UAAUC,eAAeC,KAAKJ,EAAKC,GCClFV,EAAyBC,IACH,oBAAXa,QAA0BA,OAAOC,aAC1CV,OAAOC,eAAeL,EAASa,OAAOC,YAAa,CAAEC,MAAO,WAE7DX,OAAOC,eAAeL,EAAS,aAAc,CAAEe,OAAO,GAAO,G,saCEvD,MAAMC,EAAkB,CAAEC,EAAgB,MAEhD,MAAM,aAAEC,GAAiBC,OAGzB,OAAOD,GAMF,KAAOD,GAASA,KAASC,GAAgB,iBAAoBA,EAAcD,GAExEC,EAAcD,GANd,EAUC,ECdG,EAAe,WAKfG,EAAuB,yBAKvBC,EAA6B,CAEzCC,SAAYC,I,QAEX,OAAqC,QAA9B,QAAuB,QAAhB,EAAAA,EAAMC,kBAAU,eAAET,cAAK,QAAI,EAAE,EAI5CC,gBAAiB,IAAcA,EAAiB,IClBpC,EAAe,QAKf,EAAuB,qCAKvB,EAA6B,CACzCM,SAAYC,I,QAEX,MAAO,6BAA6BE,KAA6B,QAAvB,EAAgB,QAAhB,EAAAF,EAAMC,kBAAU,eAAET,aAAK,QAAI,GAAI,EAE1EC,gBAAiB,IAAcA,EAAiB,ICfpC,EAAe,aAKf,EAAuB,iCAKvB,EAA6B,CACzCM,SAAYC,I,UAEX,MAAMG,EAAoBC,SAA4C,QAAlC,EAAAJ,EAAMK,aAAc,qBAAc,QAAI,KACpEb,EAAuC,QAAvB,EAAgB,QAAhB,EAAAQ,EAAMC,kBAAU,eAAET,aAAK,QAAI,GAGjD,MAAO,KAAOA,GAASA,EAAMc,QAAUH,CAAS,EAEjDV,gBAAmBO,I,MAElB,MAAMN,EAAgBD,EAAiB,GACjCU,EAAsD,QAAlC,EAAAH,EAAMK,aAAc,qBAAc,QAAI,GAGhE,OAAOX,EAAMa,QAAS,KAAMJ,EAAW,GCzB5B,EAAe,aAKf,EAAuB,kCAKvB,EAA6B,CACzCJ,SAAYC,I,UAEX,MAAMG,EAAoBC,SAA4C,QAAlC,EAAAJ,EAAMK,aAAc,qBAAc,QAAI,KACpEb,EAAuC,QAAvB,EAAgB,QAAhB,EAAAQ,EAAMC,kBAAU,eAAET,aAAK,QAAI,GAGjD,MAAO,KAAOA,GAASA,EAAMc,QAAUH,CAAS,EAEjDV,gBAAmBO,I,MAElB,MAAMN,EAAgBD,EAAiB,GACjCe,EAAsD,QAAlC,EAAAR,EAAMK,aAAc,qBAAc,QAAI,GAGhE,OAAOX,EAAMa,QAAS,KAAMC,EAAW,GCzB5B,EAAe,kBAKf,EAAuB,kDAKvB,EAA6B,CACzCT,SAAYC,IAEX,MAAMS,EAAaT,EAAMC,WAGzB,QAAOQ,IAMF,KAAOA,EAAWjB,OAMhB,KAAOiB,EAAWjB,MAAMkB,OAAM,EAEtCjB,gBAAiB,IAAcA,EAAiB,IC9BpC,EAAe,MAKf,EAAuB,gCAKvB,EAA6B,CACzCM,SAAYC,I,QAEX,MAAMR,EAA+B,QAAvB,EAAgB,QAAhB,EAAAQ,EAAMC,kBAAU,eAAET,aAAK,QAAI,GAGnCmB,EAA+BX,EAAMK,aAAc,SAQzD,OAH6B,IAAIO,OAHTD,QAAAA,EADO,gDAOXT,KAAMV,EAAMkB,OAAQ,EAEzCjB,gBAAiB,IAAcA,EAAiB,I,0SC3B1C,MAAMoB,UAAsBC,YASlC,WAAAC,G,MAECC,QAGAC,KAAKC,KAAOD,KAAKE,cAAe,QAGvB,QAAT,EAAAF,KAAKC,YAAI,SAAEE,iBAAkB,SAAUH,KAAKI,iBAAiBC,KAAML,MACpE,CAOgB,gBAAAI,CAAkBE,G,+CAEjCA,EAAEC,iBACFD,EAAEE,2BAGF,MAAMC,EAAqCT,KAAKE,cAAe,kBAC/DO,SAAAA,EAAQC,aAAc,aAAc,OAG/B,QAAUV,KAAKZ,aAAc,qBAMDY,KAAKlB,aAKrCkB,KAAKW,cAAe,IAAIC,YAAa,4BAA6B,CAAEC,SAAS,KAGxE,QAAUb,KAAKZ,aAAc,oBACxB,QAAT,EAAAY,KAAKC,YAAI,SAAEQ,WAIZA,SAAAA,EAAQK,gBAAiB,c,IASrB,QAAAhC,G,yCAELkB,KAAKW,cAAe,IAAIC,YAAa,WAAY,CAAEC,SAAS,KAG5D,MAAME,EAAgDf,KAAKgB,iBAAkB,iBAG7E,IAAOD,EAIN,OAHAf,KAAKW,cAAe,IAAIC,YAAa,qBAAsB,CAAEC,SAAS,MAG/D,EAIRb,KAAKU,aAAc,WAAY,OAG/B,IAAIO,GAAqB,EACzB,MAAMC,EAAyCC,MAC7CC,KAAML,GACNM,KAAatC,GAAiD,EAAD,gCAAC,aAAMA,EAAMD,UAAU,MAsBtF,aAnBMwC,QAAQC,IAAKL,GACjBM,MAAQC,IAERR,EAAYQ,EAAQC,OAASC,GAAsBA,GAAS,IAE5DC,OAAO,KAEPX,GAAY,CAAK,IAEjBY,SAAS,IAAM7B,KAAKc,gBAAiB,cAGlCG,EACJjB,KAAKW,cAAe,IAAIC,YAAa,qBAAsB,CAAEC,SAAS,KAEtEb,KAAKW,cAAe,IAAIC,YAAa,mBAAoB,CAAEC,SAAS,KAI9DI,CACR,G,CAOM,aAAAa,CAAe/C,G,yCAEpBiB,KAAKU,aAAc,WAAY,OAC/B,MAAMqB,QAA4BhD,EAAMD,WAIxC,OAHAkB,KAAKc,gBAAiB,YAGfiB,CACR,G,CAKA,eAAAC,GAEC,MAAMjB,EAAgDf,KAAKgB,iBAAkB,iBAG7E,IAAOD,EAEN,OAIDA,EAAOkB,SAAWlD,IAEjBA,EAAM+B,gBAAiB,SACvB/B,EAAM+B,gBAAiB,SACvB/B,EAAM+B,gBAAiB,WAAY,IAIpCd,KAAKc,gBAAiB,YAGtB,MAAML,EAAqCT,KAAKE,cAAe,kBAC/DO,SAAAA,EAAQK,gBAAiB,aAC1B,ECvJM,MAAMoB,UAA2BrC,YAIvC,WAAAC,GAECC,QAGA,MAAMhB,EAAQiB,KAAKhB,WAGnBD,SAAAA,EAAOoB,iBAAkB,QAASH,KAAKmC,mBAAmB9B,KAAML,OAChEjB,SAAAA,EAAOoB,iBAAkB,SAAUH,KAAKmC,mBAAmB9B,KAAML,MAClE,CAKA,kBAAAmC,GAEC,GAAK,OAASnC,KAAKZ,aAAc,0BAM5BY,KAAKZ,aAAc,UAAaY,KAAKZ,aAAc,UAAY,CACnE,MAAMa,EAA6BD,KAAKoC,QAAS,WACjDnC,SAAAA,EAAM6B,cAAe9B,K,CAEvB,CAOA,6BAAWqC,GAEV,MAAO,CAAE,QAAS,QAAS,WAC5B,CASA,wBAAAC,CAA0BC,EAAe,GAAIC,EAAmB,GAAIC,EAAmB,IAI/E,UAAYF,GAAQ,UAAYA,GAAQ,aAAeA,GAAUC,IAAaC,GACpFzC,KAAKW,cAAe,IAAIC,YAAa,WAAY,CAAEC,SAAS,KAI7Db,KAAK0C,QACN,CAKA,MAAAA,G,UAEC,MAAM,iBAAEC,GAAqBhE,OAG7B,IAAOgE,EAEN,OAID,MAAMlE,EAA4C,QAA5B,EAAAuB,KAAKZ,aAAc,gBAAS,QAAI,GAGjD,KAAOX,GAASA,KAASkE,GAAoB,mBAAsBA,EAAkBlE,GAAQD,gBACjGwB,KAAK4C,gBAAiBD,EAAkBlE,GAAQD,gBAAiBwB,OAEjEA,KAAK6C,qBAIN,MAAMC,EAAkD,QAA/B,EAAA9C,KAAKZ,aAAc,mBAAY,QAAI,GAGvD,KAAO0D,GAAYA,KAAYH,GAAoB,mBAAsBA,EAAkBG,GAAWC,mBAE1G/C,KAAKgD,mBAAgD,QAA5B,EAAAL,EAAkBG,UAAU,eAAEC,mBAAoB/C,OAE3EA,KAAKiD,uBAEP,CAOA,QAAAjE,GAEC,OAAOgB,KAAKE,cAAe,wBAC5B,CAOM,QAAApB,G,qCAEL,MAAM,iBAAE6D,GAAqBhE,OAG7B,IAAOgE,EAEN,OAAO,EAIR,GAAK3C,KAAKkD,aAAe,GAAKlD,KAAKmD,cAAgB,EAElD,OAAO,EAIR,IAAIC,GAAiB,EACjBN,EAAoC,KACpCrE,EAAgB,GA6FpB,OA5FgCuB,KAAKqD,oBAGvB3B,OAAS4B,IAEtB,GAAKA,KAAiBX,GAAoB,mBAAsBA,EAAkBW,GAAgBxE,SAAW,CAE5G,MAAM6C,EAAsCgB,EAAkBW,GAAgBxE,SAAUkB,MAIxF,GAHAvB,EAAQ6E,EAGH3B,aAAmBL,QAgDvB,OA9CA8B,GAAQ,EAGRpD,KAAKW,cAAe,IAAIC,YAAa,8BAGrCkC,EAAW,IAAIxB,SAAS,CAAEiC,EAASC,KAElC7B,EACEH,MAAQiC,KAEH,IAASA,GACbzD,KAAKU,aAAc,QAAS,OAC5BV,KAAKc,gBAAiB,SAGtByC,GAAS,KAETvD,KAAKc,gBAAiB,SACtBd,KAAKU,aAAc,QAASjC,GAG5B8E,GAAS,IAIVvD,KAAKW,cAAe,IAAIC,YAAa,+BAAiC,IAEtEgB,OAAO,KAEP5B,KAAKc,gBAAiB,SACtBd,KAAKU,aAAc,QAASjC,GAG5BuB,KAAKW,cAAe,IAAIC,YAAa,8BAGrC4C,GAAQ,EAAO,IAEf3B,SAAS,KAET7B,KAAKc,gBAAiB,WAAY,GAChC,KAIE,EACD,IAAK,IAAUa,EAKrB,OAHAyB,GAAQ,GAGD,C,CAKT,OAAO,CAAI,IAIPA,GACJpD,KAAKU,aAAc,QAAS,OAC5BV,KAAKc,gBAAiB,SACtBd,KAAKc,gBAAiB,cAEtBd,KAAKc,gBAAiB,SAGjBgC,GACJ9C,KAAKU,aAAc,WAAYjC,GAC/BuB,KAAKc,gBAAiB,WAEtBd,KAAKc,gBAAiB,YACtBd,KAAKU,aAAc,QAASjC,KAKzBqE,GAMEM,CACR,E,+RAOA,eAAAR,CAAiBc,EAAkB,IAElC,MAAMjF,EAAmCuB,KAAKE,cAAe,iBAG7D,GAAKzB,EACJA,EAAMkF,UAAYD,MACZ,CACN,MAAME,EAAmCC,SAASC,cAAe,iBACjEF,EAAaD,UAAYD,EACzB1D,KAAK+D,YAAaH,E,CAInB5D,KAAKW,cAAe,IAAIC,YAAa,oBACtC,CAKA,kBAAAiC,G,MAEsC,QAArC,EAAA7C,KAAKE,cAAe,wBAAiB,SAAE8D,SAGvChE,KAAKW,cAAe,IAAIC,YAAa,sBACtC,CAOA,kBAAAoC,CAAoBU,EAAkB,IAErC,MAAMZ,EAAyC9C,KAAKE,cAAe,oBAGnE,GAAK4C,EACJA,EAASa,UAAYD,MACf,CACN,MAAMO,EAAyCJ,SAASC,cAAe,oBACvEG,EAAgBN,UAAYD,EAC5B1D,KAAK+D,YAAaE,E,CAEpB,CAKA,qBAAAhB,G,MAEyC,QAAxC,EAAAjD,KAAKE,cAAe,2BAAoB,SAAE8D,QAC3C,EC1SM,MAAME,UAA2BrE,aCAjC,MAAMsE,UAA8BtE,aCApC,MAAMuE,UAA4BvE,YAMxC,6BAAWwC,GAEV,MAAO,CAAE,kBAAmB,gBAAiB,aAC9C,CASA,wBAAAC,CAA0B+B,EAAgB,GAAI7B,EAAmB,GAAIC,EAAmB,IAElFD,IAAaC,GACjBzC,KAAK0C,QAEP,CAKA,MAAAA,G,QAEC,MAAM4B,EAAyCtE,KAAKE,cAAe,yBAGnE,IAAOoE,EAEN,OAID,MAAMC,EAA+D,QAAtC,EAAAvE,KAAKZ,aAAc,0BAAmB,QAAI,GACnEoF,EAA2D,QAApC,EAAAxE,KAAKZ,aAAc,wBAAiB,QAAIkF,EAAaX,UAG7E,QAAU3D,KAAKZ,aAAc,eACjCkF,EAAa5D,aAAc,WAAY,YACvCV,KAAKU,aAAc,gBAAiB8D,GACpCF,EAAaX,UAAYY,IAEzBD,EAAaxD,gBAAiB,YAC9Bd,KAAKc,gBAAiB,cACtBd,KAAKc,gBAAiB,iBACtBwD,EAAaX,UAAYa,EAE3B,ECrCD,MAAMC,EAAa,CAClB,EACA,EACA,EACA,EACA,EACA,GAMD9F,OAAOgE,iBAAmB,CAAC,EAC3BhE,OAAOD,aAAe,CAAC,EACvBC,OAAO+F,uBAAyB,CAAC,EAGjCD,EAAWxC,SAAS,EACjBM,OAAM1D,YAAWD,mBAGnBD,OAAOgE,iBAAkBJ,GAAS1D,EAClCF,OAAOD,aAAc6D,GAAS3D,CAAY,IAe3C+F,eAAeC,OAAQ,UAAWhF,GAClC+E,eAAeC,OAAQ,gBAAiB1C,GACxCyC,eAAeC,OAAQ,gBAAiBV,GACxCS,eAAeC,OAAQ,mBAAoBT,GAC3CQ,eAAeC,OAAQ,iBAAkBR,E","sources":["webpack://@travelopia/web-components/webpack/bootstrap","webpack://@travelopia/web-components/webpack/runtime/define property getters","webpack://@travelopia/web-components/webpack/runtime/hasOwnProperty shorthand","webpack://@travelopia/web-components/webpack/runtime/make namespace object","webpack://@travelopia/web-components/./src/form/utility.ts","webpack://@travelopia/web-components/./src/form/validators/required.ts","webpack://@travelopia/web-components/./src/form/validators/email.ts","webpack://@travelopia/web-components/./src/form/validators/min-length.ts","webpack://@travelopia/web-components/./src/form/validators/max-length.ts","webpack://@travelopia/web-components/./src/form/validators/no-empty-spaces.ts","webpack://@travelopia/web-components/./src/form/validators/zip.ts","webpack://@travelopia/web-components/./src/form/tp-form.ts","webpack://@travelopia/web-components/./src/form/tp-form-field.ts","webpack://@travelopia/web-components/./src/form/tp-form-error.ts","webpack://@travelopia/web-components/./src/form/tp-form-suspense.ts","webpack://@travelopia/web-components/./src/form/tp-form-submit.ts","webpack://@travelopia/web-components/./src/form/index.ts"],"sourcesContent":["// The require scope\nvar __webpack_require__ = {};\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","/**\n * Get the error message based on its code.\n *\n * @param {string} error Error code.\n *\n * @return {string} The error message.\n */\nexport const getErrorMessage = ( error: string = '' ): string => {\n\t// Check if tpFormErrors exist in the window object.\n\tconst { tpFormErrors } = window;\n\n\t// If tpFormErrors does not exist.\n\tif ( ! tpFormErrors ) {\n\t\t// Return an empty string.\n\t\treturn '';\n\t}\n\n\t// Check if the error exists and has a corresponding error message.\n\tif ( '' !== error && error in tpFormErrors && 'string' === typeof tpFormErrors[ error ] ) {\n\t\t// Return the error message.\n\t\treturn tpFormErrors[ error ];\n\t}\n\n\t// Return an empty string.\n\treturn '';\n};\n","/**\n * Internal dependencies.\n */\nimport { TPFormFieldElement } from '../tp-form-field';\nimport { TPFormValidator } from '../definitions';\nimport { getErrorMessage } from '../utility';\n\n/**\n * Name.\n */\nexport const name: string = 'required';\n\n/**\n * Error message.\n */\nexport const errorMessage: string = 'This field is required';\n\n/**\n * Validator.\n */\nexport const validator: TPFormValidator = {\n\t// Validate.\n\tvalidate: ( field: TPFormFieldElement ): boolean => {\n\t\t// Check if the field is empty.\n\t\treturn '' !== field.getField()?.value ?? '';\n\t},\n\n\t// Get error message.\n\tgetErrorMessage: (): string => getErrorMessage( name ),\n};\n","/**\n * Internal dependencies.\n */\nimport { TPFormFieldElement } from '../tp-form-field';\nimport { TPFormValidator } from '../definitions';\nimport { getErrorMessage } from '../utility';\n\n/**\n * Name.\n */\nexport const name: string = 'email';\n\n/**\n * Error message.\n */\nexport const errorMessage: string = 'Please enter a valid email address';\n\n/**\n * Validator.\n */\nexport const validator: TPFormValidator = {\n\tvalidate: ( field: TPFormFieldElement ): boolean => {\n\t\t// Boolean value to determine if the field is valid or not.\n\t\treturn /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test( field.getField()?.value ?? '' );\n\t},\n\tgetErrorMessage: (): string => getErrorMessage( name ),\n};\n","/**\n * Internal dependencies.\n */\nimport { TPFormFieldElement } from '../tp-form-field';\nimport { TPFormValidator } from '../definitions';\nimport { getErrorMessage } from '../utility';\n\n/**\n * Name.\n */\nexport const name: string = 'min-length';\n\n/**\n * Error message.\n */\nexport const errorMessage: string = 'Must be at least %1 characters';\n\n/**\n * Validator.\n */\nexport const validator: TPFormValidator = {\n\tvalidate: ( field: TPFormFieldElement ): boolean => {\n\t\t// Get min length and value.\n\t\tconst minLength: number = parseInt( field.getAttribute( 'min-length' ) ?? '0' );\n\t\tconst value: string = field.getField()?.value ?? '';\n\n\t\t// Validate.\n\t\treturn '' === value || value.length >= minLength;\n\t},\n\tgetErrorMessage: ( field: TPFormFieldElement ): string => {\n\t\t// Get error message.\n\t\tconst error: string = getErrorMessage( name );\n\t\tconst minLength: string = field.getAttribute( 'min-length' ) ?? '';\n\n\t\t// Return error message.\n\t\treturn error.replace( '%1', minLength );\n\t},\n};\n","/**\n * Internal dependencies.\n */\nimport { TPFormFieldElement } from '../tp-form-field';\nimport { TPFormValidator } from '../definitions';\nimport { getErrorMessage } from '../utility';\n\n/**\n * Name.\n */\nexport const name: string = 'max-length';\n\n/**\n * Error message.\n */\nexport const errorMessage: string = 'Must be less than %1 characters';\n\n/**\n * Validator.\n */\nexport const validator: TPFormValidator = {\n\tvalidate: ( field: TPFormFieldElement ): boolean => {\n\t\t// Get max length and value.\n\t\tconst minLength: number = parseInt( field.getAttribute( 'max-length' ) ?? '0' );\n\t\tconst value: string = field.getField()?.value ?? '';\n\n\t\t// Validate.\n\t\treturn '' === value || value.length <= minLength;\n\t},\n\tgetErrorMessage: ( field: TPFormFieldElement ): string => {\n\t\t// Get error message.\n\t\tconst error: string = getErrorMessage( name );\n\t\tconst maxLength: string = field.getAttribute( 'max-length' ) ?? '';\n\n\t\t// Return error message.\n\t\treturn error.replace( '%1', maxLength );\n\t},\n};\n","/**\n * Internal dependencies.\n */\nimport { TPFormFieldElement } from '../tp-form-field';\nimport { TPFormValidator } from '../definitions';\nimport { getErrorMessage } from '../utility';\n\n/**\n * Name.\n */\nexport const name: string = 'no-empty-spaces';\n\n/**\n * Error message.\n */\nexport const errorMessage: string = 'This field should not contain only white-spaces';\n\n/**\n * Validator.\n */\nexport const validator: TPFormValidator = {\n\tvalidate: ( field: TPFormFieldElement ): boolean => {\n\t\t// Check if the field is empty.\n\t\tconst inputField = field.getField();\n\n\t\t// If no field is found return false.\n\t\tif ( ! inputField ) {\n\t\t\t// Return false.\n\t\t\treturn false;\n\t\t}\n\n\t\t// This case is not our concern. This is handled by `required` validator.\n\t\tif ( '' === inputField.value ) {\n\t\t\t// Return true.\n\t\t\treturn true;\n\t\t}\n\n\t\t// Return true if field is not empty.\n\t\treturn '' !== inputField.value.trim();\n\t},\n\tgetErrorMessage: (): string => getErrorMessage( name ),\n};\n","/**\n * Internal dependencies.\n */\nimport { TPFormFieldElement } from '../tp-form-field';\nimport { TPFormValidator } from '../definitions';\nimport { getErrorMessage } from '../utility';\n\n/**\n * Name.\n */\nexport const name: string = 'zip';\n\n/**\n * Error message.\n */\nexport const errorMessage: string = 'Please enter a valid zip code';\n\n/**\n * Validator.\n */\nexport const validator: TPFormValidator = {\n\tvalidate: ( field: TPFormFieldElement ): boolean => {\n\t\t// Get the field value or default to empty string.\n\t\tconst value = field.getField()?.value ?? '';\n\n\t\t// Get custom regex pattern from regex attribute or use default.\n\t\tconst customPattern: string | null = field.getAttribute( 'regex' );\n\t\tconst defaultPattern: string = '^[A-Za-z0-9][A-Za-z0-9\\\\- ]{1,8}[A-Za-z0-9]$';\n\t\tconst pattern: string = customPattern ?? defaultPattern;\n\n\t\t// Create regex object from pattern.\n\t\tconst zipCodeRegex: RegExp = new RegExp( pattern );\n\n\t\t// Test the trimmed value against the regex pattern.\n\t\treturn zipCodeRegex.test( value.trim() );\n\t},\n\tgetErrorMessage: (): string => getErrorMessage( name ),\n};\n","/**\n * Internal dependencies.\n */\nimport { TPFormFieldElement } from './tp-form-field';\nimport { TPFormSubmitElement } from './tp-form-submit';\n\n/**\n * TP Form.\n */\nexport class TPFormElement extends HTMLElement {\n\t/**\n\t * Properties.\n\t */\n\tprotected readonly form: HTMLFormElement | null;\n\n\t/**\n\t * Constructor.\n\t */\n\tconstructor() {\n\t\t// Initialize parent.\n\t\tsuper();\n\n\t\t// Get form.\n\t\tthis.form = this.querySelector( 'form' );\n\n\t\t// Add event listeners.\n\t\tthis.form?.addEventListener( 'submit', this.handleFormSubmit.bind( this ) );\n\t}\n\n\t/**\n\t * Handle form submission.\n\t *\n\t * @param {Event} e Submit event.\n\t */\n\tprotected async handleFormSubmit( e: SubmitEvent ): Promise<void> {\n\t\t// Stop normal form submission.\n\t\te.preventDefault();\n\t\te.stopImmediatePropagation();\n\n\t\t// Get submit button.\n\t\tconst submit: TPFormSubmitElement | null = this.querySelector( 'tp-form-submit' );\n\t\tsubmit?.setAttribute( 'submitting', 'yes' );\n\n\t\t// Ignore a form that currently has suspense.\n\t\tif ( 'yes' === this.getAttribute( 'suspense' ) ) {\n\t\t\t// Bail early.\n\t\t\treturn;\n\t\t}\n\n\t\t// Validate the form.\n\t\tconst formValid: boolean = await this.validate();\n\n\t\t// If form is valid then dispatch a custom 'submit-validation-success' event.\n\t\tif ( formValid ) {\n\t\t\t// Trigger event.\n\t\t\tthis.dispatchEvent( new CustomEvent( 'submit-validation-success', { bubbles: true } ) );\n\n\t\t\t// Submit form.\n\t\t\tif ( 'yes' !== this.getAttribute( 'prevent-submit' ) ) {\n\t\t\t\tthis.form?.submit();\n\t\t\t}\n\t\t} else {\n\t\t\t// Form is not valid, remove submitting attribute.\n\t\t\tsubmit?.removeAttribute( 'submitting' );\n\t\t}\n\t}\n\n\t/**\n\t * Validate the form.\n\t *\n\t * @return {boolean} Whether the form is valid or not.\n\t */\n\tasync validate(): Promise<boolean> {\n\t\t// Dispatch a custom 'validate' event.\n\t\tthis.dispatchEvent( new CustomEvent( 'validate', { bubbles: true } ) );\n\n\t\t// Get the form fields.\n\t\tconst fields: NodeListOf<TPFormFieldElement> | null = this.querySelectorAll( 'tp-form-field' );\n\n\t\t// If no fields are found, return true indicating validation passed.\n\t\tif ( ! fields ) {\n\t\t\tthis.dispatchEvent( new CustomEvent( 'validation-success', { bubbles: true } ) );\n\n\t\t\t// Return true indicating validation passed.\n\t\t\treturn true;\n\t\t}\n\n\t\t// Start by setting the form as suspense.\n\t\tthis.setAttribute( 'suspense', 'yes' );\n\n\t\t// Check if all fields are valid.\n\t\tlet formValid: boolean = true;\n\t\tconst validationPromises: Promise<boolean>[] = Array\n\t\t\t.from( fields )\n\t\t\t.map( async ( field: TPFormFieldElement ): Promise<boolean> => await field.validate() );\n\n\t\t// Wait for promises to resolve.\n\t\tawait Promise.all( validationPromises )\n\t\t\t.then( ( results: boolean[] ): void => {\n\t\t\t\t// Check if all fields are valid.\n\t\t\t\tformValid = results.every( ( isValid: boolean ) => isValid );\n\t\t\t} )\n\t\t\t.catch( () => {\n\t\t\t\t// There was an error with one or more fields.\n\t\t\t\tformValid = false;\n\t\t\t} )\n\t\t\t.finally( () => this.removeAttribute( 'suspense' ) );\n\n\t\t// If form is valid then dispatch a custom 'validation-success' event else send a custom 'validation-error' event.\n\t\tif ( formValid ) {\n\t\t\tthis.dispatchEvent( new CustomEvent( 'validation-success', { bubbles: true } ) );\n\t\t} else {\n\t\t\tthis.dispatchEvent( new CustomEvent( 'validation-error', { bubbles: true } ) );\n\t\t}\n\n\t\t// Return whether the form is valid or not.\n\t\treturn formValid;\n\t}\n\n\t/**\n\t * Validate one field.\n\t *\n\t * @param {HTMLElement} field Field node.\n\t */\n\tasync validateField( field: TPFormFieldElement ): Promise<boolean> {\n\t\t// Set form as suspense, validate and undo suspense.\n\t\tthis.setAttribute( 'suspense', 'yes' );\n\t\tconst fieldValid: boolean = await field.validate();\n\t\tthis.removeAttribute( 'suspense' );\n\n\t\t// Return result.\n\t\treturn fieldValid;\n\t}\n\n\t/**\n\t * Reset form validation.\n\t */\n\tresetValidation(): void {\n\t\t// Get the form fields.\n\t\tconst fields: NodeListOf<TPFormFieldElement> | null = this.querySelectorAll( 'tp-form-field' );\n\n\t\t// If no fields are found.\n\t\tif ( ! fields ) {\n\t\t\t// Exit the function.\n\t\t\treturn;\n\t\t}\n\n\t\t// Remove 'valid' and 'error' attributes from all fields.\n\t\tfields.forEach( ( field: TPFormFieldElement ): void => {\n\t\t\t// Remove 'valid' and 'error' and 'suspense' attributes.\n\t\t\tfield.removeAttribute( 'valid' );\n\t\t\tfield.removeAttribute( 'error' );\n\t\t\tfield.removeAttribute( 'suspense' );\n\t\t} );\n\n\t\t// Remove 'suspense' attribute from form.\n\t\tthis.removeAttribute( 'suspense' );\n\n\t\t// Remove 'submitting' attribute from submit button.\n\t\tconst submit: TPFormSubmitElement | null = this.querySelector( 'tp-form-submit' );\n\t\tsubmit?.removeAttribute( 'submitting' );\n\t}\n}\n","/**\n * Internal dependencies.\n */\nimport { TPFormElement } from './tp-form';\nimport { TPFormErrorElement } from './tp-form-error';\nimport { TPFormSuspenseElement } from './tp-form-suspense';\n\n/**\n * TP Form Field.\n */\nexport class TPFormFieldElement extends HTMLElement {\n\t/**\n\t * Constructor.\n\t */\n\tconstructor() {\n\t\t// Initialize parent.\n\t\tsuper();\n\n\t\t// Get field.\n\t\tconst field = this.getField();\n\n\t\t// Add event listeners.\n\t\tfield?.addEventListener( 'keyup', this.handleFieldChanged.bind( this ) );\n\t\tfield?.addEventListener( 'change', this.handleFieldChanged.bind( this ) );\n\t}\n\n\t/**\n\t * Update validation when the field has changed.\n\t */\n\thandleFieldChanged(): void {\n\t\t// Check if we want to ignore field revalidations.\n\t\tif ( 'no' === this.getAttribute( 'revalidate-on-change' ) ) {\n\t\t\t// Yes we do, bail!\n\t\t\treturn;\n\t\t}\n\n\t\t// Validate the field again if 'valid' or 'error' attribute is present.\n\t\tif ( this.getAttribute( 'valid' ) || this.getAttribute( 'error' ) ) {\n\t\t\tconst form: TPFormElement | null = this.closest( 'tp-form' );\n\t\t\tform?.validateField( this );\n\t\t}\n\t}\n\n\t/**\n\t * Get observed attributes.\n\t *\n\t * @return {Array} List of observed attributes.\n\t */\n\tstatic get observedAttributes(): string[] {\n\t\t// Attributes observed in the TPFormFieldElement web-component.\n\t\treturn [ 'valid', 'error', 'suspense' ];\n\t}\n\n\t/**\n\t * Attribute changed callback.\n\t *\n\t * @param {string} name     Attribute name.\n\t * @param {string} oldValue Old value.\n\t * @param {string} newValue New value.\n\t */\n\tattributeChangedCallback( name: string = '', oldValue: string = '', newValue: string = '' ): void {\n\t\t// Check if the observed attributes 'valid' or 'error' have changed.\n\n\t\t// Dispatch a custom 'validate' event.\n\t\tif ( ( 'valid' === name || 'error' === name || 'suspense' === name ) && oldValue !== newValue ) {\n\t\t\tthis.dispatchEvent( new CustomEvent( 'validate', { bubbles: true } ) );\n\t\t}\n\n\t\t// Update the component after the attribute change.\n\t\tthis.update();\n\t}\n\n\t/**\n\t * Update component.\n\t */\n\tupdate(): void {\n\t\t// Check if tpFormValidators exist in the window object.\n\t\tconst { tpFormValidators } = window;\n\n\t\t// Exit the function if validators are not available.\n\t\tif ( ! tpFormValidators ) {\n\t\t\t// Early return.\n\t\t\treturn;\n\t\t}\n\n\t\t// Get the 'error' attribute value.\n\t\tconst error: string = this.getAttribute( 'error' ) ?? '';\n\n\t\t// Check if the error exists and has a corresponding error message function.\n\t\tif ( '' !== error && error in tpFormValidators && 'function' === typeof tpFormValidators[ error ].getErrorMessage ) {\n\t\t\tthis.setErrorMessage( tpFormValidators[ error ].getErrorMessage( this ) );\n\t\t} else {\n\t\t\tthis.removeErrorMessage();\n\t\t}\n\n\t\t// Get the 'suspense' attribute value.\n\t\tconst suspense: string = this.getAttribute( 'suspense' ) ?? '';\n\n\t\t// Check if the suspense exists and has a corresponding suspense message function.\n\t\tif ( '' !== suspense && suspense in tpFormValidators && 'function' === typeof tpFormValidators[ suspense ].getSuspenseMessage ) {\n\t\t\t// @ts-ignore\n\t\t\tthis.setSuspenseMessage( tpFormValidators[ suspense ]?.getSuspenseMessage( this ) );\n\t\t} else {\n\t\t\tthis.removeSuspenseMessage();\n\t\t}\n\t}\n\n\t/**\n\t * Get the associated field.\n\t *\n\t * @return {HTMLElement} The associated field for this component.\n\t */\n\tgetField(): HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | null {\n\t\t// Return the associated field by querying input, select, or textarea elements.\n\t\treturn this.querySelector( 'input,select,textarea' );\n\t}\n\n\t/**\n\t * Validate this field.\n\t *\n\t * @return {boolean} Whether this field passed validation.\n\t */\n\tasync validate(): Promise<boolean> {\n\t\t// Retrieve tpFormValidators from the window object.\n\t\tconst { tpFormValidators } = window;\n\n\t\t// Exit the function if validators are not available.\n\t\tif ( ! tpFormValidators ) {\n\t\t\t// If no validators are found, return true indicating validation passed.\n\t\t\treturn true;\n\t\t}\n\n\t\t// Check if the field is visible.\n\t\tif ( this.offsetWidth <= 0 || this.offsetHeight <= 0 ) {\n\t\t\t// If the field is not visible, return true indicating validation passed.\n\t\t\treturn true;\n\t\t}\n\n\t\t// Prepare error and valid status.\n\t\tlet valid: boolean = true;\n\t\tlet suspense: Promise<boolean> | null = null;\n\t\tlet error: string = '';\n\t\tconst allAttributes: string[] = this.getAttributeNames();\n\n\t\t// Traverse all attributes to see if we find a matching validator.\n\t\tallAttributes.every( ( attributeName: string ): boolean => {\n\t\t\t// Check if the attribute is a validator.\n\t\t\tif ( attributeName in tpFormValidators && 'function' === typeof tpFormValidators[ attributeName ].validate ) {\n\t\t\t\t// We found one, lets validate the field.\n\t\t\t\tconst isValid: boolean | Promise<boolean> = tpFormValidators[ attributeName ].validate( this );\n\t\t\t\terror = attributeName;\n\n\t\t\t\t// First check for a Promise.\n\t\t\t\tif ( isValid instanceof Promise ) {\n\t\t\t\t\t// Yes it is an async validation.\n\t\t\t\t\tvalid = false;\n\n\t\t\t\t\t// Dispatch a custom 'validation-suspense-start' event.\n\t\t\t\t\tthis.dispatchEvent( new CustomEvent( 'validation-suspense-start' ) );\n\n\t\t\t\t\t// Create the promise.\n\t\t\t\t\tsuspense = new Promise( ( resolve, reject ): void => {\n\t\t\t\t\t\t// Validate it.\n\t\t\t\t\t\tisValid\n\t\t\t\t\t\t\t.then( ( suspenseIsValid: boolean ) => {\n\t\t\t\t\t\t\t\t// Validation is complete.\n\t\t\t\t\t\t\t\tif ( true === suspenseIsValid ) {\n\t\t\t\t\t\t\t\t\tthis.setAttribute( 'valid', 'yes' );\n\t\t\t\t\t\t\t\t\tthis.removeAttribute( 'error' );\n\n\t\t\t\t\t\t\t\t\t// Resolve the promise.\n\t\t\t\t\t\t\t\t\tresolve( true );\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tthis.removeAttribute( 'valid' );\n\t\t\t\t\t\t\t\t\tthis.setAttribute( 'error', error );\n\n\t\t\t\t\t\t\t\t\t// Resolve the promise.\n\t\t\t\t\t\t\t\t\tresolve( false );\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t// Dispatch a custom 'validation-suspense-success' event.\n\t\t\t\t\t\t\t\tthis.dispatchEvent( new CustomEvent( 'validation-suspense-success' ) );\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t.catch( (): void => {\n\t\t\t\t\t\t\t\t// There was an error.\n\t\t\t\t\t\t\t\tthis.removeAttribute( 'valid' );\n\t\t\t\t\t\t\t\tthis.setAttribute( 'error', error );\n\n\t\t\t\t\t\t\t\t// Dispatch a custom 'validation-suspense-error' event.\n\t\t\t\t\t\t\t\tthis.dispatchEvent( new CustomEvent( 'validation-suspense-error' ) );\n\n\t\t\t\t\t\t\t\t// Reject the promise.\n\t\t\t\t\t\t\t\treject( false );\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t.finally( (): void => {\n\t\t\t\t\t\t\t\t// Clean up.\n\t\t\t\t\t\t\t\tthis.removeAttribute( 'suspense' );\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t} );\n\n\t\t\t\t\t// Return.\n\t\t\t\t\treturn false;\n\t\t\t\t} else if ( false === isValid ) {\n\t\t\t\t\t// Not a Promise, but looks like we found an error!\n\t\t\t\t\tvalid = false;\n\n\t\t\t\t\t// Return.\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// No error found, all good.\n\t\t\treturn true;\n\t\t} );\n\n\t\t// Check if the field is valid or not.\n\t\tif ( valid ) {\n\t\t\tthis.setAttribute( 'valid', 'yes' );\n\t\t\tthis.removeAttribute( 'error' );\n\t\t\tthis.removeAttribute( 'suspense' );\n\t\t} else {\n\t\t\tthis.removeAttribute( 'valid' );\n\n\t\t\t// Check for suspense.\n\t\t\tif ( suspense ) {\n\t\t\t\tthis.setAttribute( 'suspense', error );\n\t\t\t\tthis.removeAttribute( 'error' );\n\t\t\t} else {\n\t\t\t\tthis.removeAttribute( 'suspense' );\n\t\t\t\tthis.setAttribute( 'error', error );\n\t\t\t}\n\t\t}\n\n\t\t// Do we have a suspense?\n\t\tif ( suspense ) {\n\t\t\t// Yes we do, return the promise.\n\t\t\treturn suspense;\n\t\t}\n\n\t\t// No we don't, return a resolved promise.\n\t\treturn valid;\n\t}\n\n\t/**\n\t * Set the error message.\n\t *\n\t * @param {string} message Error message.\n\t */\n\tsetErrorMessage( message: string = '' ): void {\n\t\t// Look for an existing tp-form-error element.\n\t\tconst error: TPFormErrorElement | null = this.querySelector( 'tp-form-error' );\n\n\t\t// If found, update its innerHTML with the error message. Otherwise, create a new tp-form-error element and append it to the component.\n\t\tif ( error ) {\n\t\t\terror.innerHTML = message;\n\t\t} else {\n\t\t\tconst errorElement: TPFormErrorElement = document.createElement( 'tp-form-error' );\n\t\t\terrorElement.innerHTML = message;\n\t\t\tthis.appendChild( errorElement );\n\t\t}\n\n\t\t// Dispatch a custom 'validation-error' event.\n\t\tthis.dispatchEvent( new CustomEvent( 'validation-error' ) );\n\t}\n\n\t/**\n\t * Remove the error message.\n\t */\n\tremoveErrorMessage(): void {\n\t\t// Find and remove the tp-form-error element.\n\t\tthis.querySelector( 'tp-form-error' )?.remove();\n\n\t\t// Dispatch a custom 'validation-success' event.\n\t\tthis.dispatchEvent( new CustomEvent( 'validation-success' ) );\n\t}\n\n\t/**\n\t * Set the suspense message.\n\t *\n\t * @param {string} message Suspense message.\n\t */\n\tsetSuspenseMessage( message: string = '' ): void {\n\t\t// Look for an existing tp-form-error element.\n\t\tconst suspense: TPFormSuspenseElement | null = this.querySelector( 'tp-form-suspense' );\n\n\t\t// If found, update its innerHTML with the suspense message. Otherwise, create a new tp-form-suspense element and append it to the component.\n\t\tif ( suspense ) {\n\t\t\tsuspense.innerHTML = message;\n\t\t} else {\n\t\t\tconst suspenseElement: TPFormSuspenseElement = document.createElement( 'tp-form-suspense' );\n\t\t\tsuspenseElement.innerHTML = message;\n\t\t\tthis.appendChild( suspenseElement );\n\t\t}\n\t}\n\n\t/**\n\t * Remove the suspense message.\n\t */\n\tremoveSuspenseMessage(): void {\n\t\t// Find and remove the tp-form-suspense element.\n\t\tthis.querySelector( 'tp-form-suspense' )?.remove();\n\t}\n}\n","/**\n * TP Form Error.\n */\nexport class TPFormErrorElement extends HTMLElement {\n}\n","/**\n * TP Form Suspense.\n */\nexport class TPFormSuspenseElement extends HTMLElement {\n}\n","/**\n * TP Form Submit.\n */\nexport class TPFormSubmitElement extends HTMLElement {\n\t/**\n\t * Get observed attributes.\n\t *\n\t * @return {Array} List of observed attributes.\n\t */\n\tstatic get observedAttributes(): string[] {\n\t\t// Attributes observed in the TPFormSubmitElement web-component.\n\t\treturn [ 'submitting-text', 'original-text', 'submitting' ];\n\t}\n\n\t/**\n\t * Attribute changed callback.\n\t *\n\t * @param {string} _name    Attribute name.\n\t * @param {string} oldValue Old value.\n\t * @param {string} newValue New value.\n\t */\n\tattributeChangedCallback( _name: string = '', oldValue: string = '', newValue: string = '' ): void {\n\t\t// Update component if attribute has changed.\n\t\tif ( oldValue !== newValue ) {\n\t\t\tthis.update();\n\t\t}\n\t}\n\n\t/**\n\t * Update this component.\n\t */\n\tupdate(): void {\n\t\t// Get submit button.\n\t\tconst submitButton: HTMLButtonElement | null = this.querySelector( 'button[type=\"submit\"]' );\n\n\t\t// Check if we have a submit button.\n\t\tif ( ! submitButton ) {\n\t\t\t// No, we don't. Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Prepare submit button text.\n\t\tconst submittingText: string = this.getAttribute( 'submitting-text' ) ?? '';\n\t\tconst originalText: string = this.getAttribute( 'original-text' ) ?? submitButton.innerHTML;\n\n\t\t// Check if we are submitting.\n\t\tif ( 'yes' === this.getAttribute( 'submitting' ) ) {\n\t\t\tsubmitButton.setAttribute( 'disabled', 'disabled' );\n\t\t\tthis.setAttribute( 'original-text', originalText );\n\t\t\tsubmitButton.innerHTML = submittingText;\n\t\t} else {\n\t\t\tsubmitButton.removeAttribute( 'disabled' );\n\t\t\tthis.removeAttribute( 'submitting' );\n\t\t\tthis.removeAttribute( 'original-text' );\n\t\t\tsubmitButton.innerHTML = originalText;\n\t\t}\n\t}\n}\n","/**\n * Styles.\n */\nimport './style.scss';\n\n/**\n * Validators.\n */\n\n// Import validators.\nimport { TPFormValidator } from './definitions';\nimport * as required from './validators/required';\nimport * as email from './validators/email';\nimport * as minLength from './validators/min-length';\nimport * as maxLength from './validators/max-length';\nimport * as noEmptySpaces from './validators/no-empty-spaces';\nimport * as zip from './validators/zip';\n\n// Prepare validators.\nconst validators = [\n\trequired,\n\temail,\n\tminLength,\n\tmaxLength,\n\tnoEmptySpaces,\n\tzip,\n];\n\n/**\n * Register Validators and Errors.\n */\nwindow.tpFormValidators = {};\nwindow.tpFormErrors = {};\nwindow.tpFormSuspenseMessages = {};\n\n// Register validators.\nvalidators.forEach( (\n\t{ name, validator, errorMessage }: { name: string, validator: TPFormValidator, errorMessage: string }\n): void => {\n\t// Assigning validators and error messages to various fields.\n\twindow.tpFormValidators[ name ] = validator;\n\twindow.tpFormErrors[ name ] = errorMessage;\n} );\n\n/**\n * Components.\n */\nimport { TPFormElement } from './tp-form';\nimport { TPFormFieldElement } from './tp-form-field';\nimport { TPFormErrorElement } from './tp-form-error';\nimport { TPFormSuspenseElement } from './tp-form-suspense';\nimport { TPFormSubmitElement } from './tp-form-submit';\n\n/**\n * Register Components.\n */\ncustomElements.define( 'tp-form', TPFormElement );\ncustomElements.define( 'tp-form-field', TPFormFieldElement );\ncustomElements.define( 'tp-form-error', TPFormErrorElement );\ncustomElements.define( 'tp-form-suspense', TPFormSuspenseElement );\ncustomElements.define( 'tp-form-submit', TPFormSubmitElement );\n"],"names":["__webpack_require__","exports","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","Symbol","toStringTag","value","getErrorMessage","error","tpFormErrors","window","errorMessage","validator","validate","field","getField","test","minLength","parseInt","getAttribute","length","replace","maxLength","inputField","trim","customPattern","RegExp","TPFormElement","HTMLElement","constructor","super","this","form","querySelector","addEventListener","handleFormSubmit","bind","e","preventDefault","stopImmediatePropagation","submit","setAttribute","dispatchEvent","CustomEvent","bubbles","removeAttribute","fields","querySelectorAll","formValid","validationPromises","Array","from","map","Promise","all","then","results","every","isValid","catch","finally","validateField","fieldValid","resetValidation","forEach","TPFormFieldElement","handleFieldChanged","closest","observedAttributes","attributeChangedCallback","name","oldValue","newValue","update","tpFormValidators","setErrorMessage","removeErrorMessage","suspense","getSuspenseMessage","setSuspenseMessage","removeSuspenseMessage","offsetWidth","offsetHeight","valid","getAttributeNames","attributeName","resolve","reject","suspenseIsValid","message","innerHTML","errorElement","document","createElement","appendChild","remove","suspenseElement","TPFormErrorElement","TPFormSuspenseElement","TPFormSubmitElement","_name","submitButton","submittingText","originalText","validators","tpFormSuspenseMessages","customElements","define"],"sourceRoot":""}
+{"version":3,"file":"dist/form/index.js","mappings":"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","sources":["webpack://@travelopia/web-components/webpack/bootstrap","webpack://@travelopia/web-components/webpack/runtime/define property getters","webpack://@travelopia/web-components/webpack/runtime/hasOwnProperty shorthand","webpack://@travelopia/web-components/webpack/runtime/make namespace object","webpack://@travelopia/web-components/./src/form/utility.ts","webpack://@travelopia/web-components/./src/form/validators/required.ts","webpack://@travelopia/web-components/./src/form/validators/email.ts","webpack://@travelopia/web-components/./src/form/validators/min-length.ts","webpack://@travelopia/web-components/./src/form/validators/max-length.ts","webpack://@travelopia/web-components/./src/form/validators/no-empty-spaces.ts","webpack://@travelopia/web-components/./src/form/validators/zip.ts","webpack://@travelopia/web-components/./src/form/tp-form.ts","webpack://@travelopia/web-components/./src/form/tp-form-field.ts","webpack://@travelopia/web-components/./src/form/tp-form-error.ts","webpack://@travelopia/web-components/./src/form/tp-form-errors.ts","webpack://@travelopia/web-components/./src/form/tp-form-errors-heading.ts","webpack://@travelopia/web-components/./src/form/tp-form-errors-list.ts","webpack://@travelopia/web-components/./src/form/tp-form-errors-error.ts","webpack://@travelopia/web-components/./src/form/tp-form-suspense.ts","webpack://@travelopia/web-components/./src/form/tp-form-submit.ts","webpack://@travelopia/web-components/./src/form/index.ts"],"sourcesContent":["// The require scope\nvar __webpack_require__ = {};\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","/**\n * Internal dependencies.\n */\nimport { TPFormFieldElement } from './tp-form-field';\n\n/**\n * Get the error message based on its code.\n *\n * @param {string} error Error code.\n *\n * @return {string} The error message.\n */\nexport const getErrorMessage = ( error: string = '' ): string => {\n\t// Check if tpFormErrors exist in the window object.\n\tconst { tpFormErrors } = window;\n\n\t// If tpFormErrors does not exist.\n\tif ( ! tpFormErrors ) {\n\t\t// Return an empty string.\n\t\treturn '';\n\t}\n\n\t// Check if the error exists and has a corresponding error message.\n\tif ( '' !== error && error in tpFormErrors && 'string' === typeof tpFormErrors[ error ] ) {\n\t\t// Return the error message.\n\t\treturn tpFormErrors[ error ];\n\t}\n\n\t// Return an empty string.\n\treturn '';\n};\n\n/**\n * Get the field label text.\n *\n * @param {TPFormFieldElement} field The form field element.\n *\n * @return {string} The label text.\n */\nexport const getFieldLabel = ( field: TPFormFieldElement ): string => {\n\t// Query for the label element.\n\tconst label = field.querySelector( 'label' );\n\n\t// Return the label text or a fallback.\n\treturn label?.textContent?.trim() || '';\n};\n\n/**\n * Get the summary error message based on its code, with label substitution.\n *\n * @param {string}             error Error code.\n * @param {TPFormFieldElement} field The form field element.\n *\n * @return {string} The summary error message with %label% replaced.\n */\nexport const getSummaryErrorMessage = ( error: string = '', field: TPFormFieldElement ): string => {\n\t// Check if tpFormSummaryErrors exist in the window object.\n\tconst { tpFormSummaryErrors } = window;\n\n\t// If tpFormSummaryErrors does not exist or error not found.\n\tif ( ! tpFormSummaryErrors || '' === error || ! ( error in tpFormSummaryErrors ) ) {\n\t\t// Return an empty string.\n\t\treturn '';\n\t}\n\n\t// Get the message template.\n\tconst template = tpFormSummaryErrors[ error ];\n\n\t// If not a string, return empty.\n\tif ( 'string' !== typeof template ) {\n\t\t// Return an empty string.\n\t\treturn '';\n\t}\n\n\t// Get the field label.\n\tconst label = getFieldLabel( field );\n\n\t// Replace %label% placeholder and return.\n\treturn template.replace( '%label%', label );\n};\n","/**\n * Internal dependencies.\n */\nimport { TPFormFieldElement } from '../tp-form-field';\nimport { TPFormValidator } from '../definitions';\nimport { getErrorMessage, getSummaryErrorMessage } from '../utility';\n\n/**\n * Name.\n */\nexport const name: string = 'required';\n\n/**\n * Error message.\n */\nexport const errorMessage: string = 'This field is required';\n\n/**\n * Summary error message (supports %label% placeholder).\n */\nexport const summaryErrorMessage: string = '%label%: This field is required';\n\n/**\n * Validator.\n */\nexport const validator: TPFormValidator = {\n\t// Validate.\n\tvalidate: ( field: TPFormFieldElement ): boolean => {\n\t\t// Check if the field is empty.\n\t\treturn '' !== field.getField()?.value ?? '';\n\t},\n\tgetErrorMessage: (): string => getErrorMessage( name ),\n\tgetSummaryMessage: ( field: TPFormFieldElement ): string => getSummaryErrorMessage( name, field ),\n};\n","/**\n * Internal dependencies.\n */\nimport { TPFormFieldElement } from '../tp-form-field';\nimport { TPFormValidator } from '../definitions';\nimport { getErrorMessage, getSummaryErrorMessage } from '../utility';\n\n/**\n * Name.\n */\nexport const name: string = 'email';\n\n/**\n * Error message.\n */\nexport const errorMessage: string = 'Please enter a valid email address';\n\n/**\n * Summary error message (supports %label% placeholder).\n */\nexport const summaryErrorMessage: string = '%label%: Please enter a valid email address';\n\n/**\n * Validator.\n */\nexport const validator: TPFormValidator = {\n\tvalidate: ( field: TPFormFieldElement ): boolean => {\n\t\t// Boolean value to determine if the field is valid or not.\n\t\treturn /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test( field.getField()?.value ?? '' );\n\t},\n\tgetErrorMessage: (): string => getErrorMessage( name ),\n\tgetSummaryMessage: ( field: TPFormFieldElement ): string => getSummaryErrorMessage( name, field ),\n};\n","/**\n * Internal dependencies.\n */\nimport { TPFormFieldElement } from '../tp-form-field';\nimport { TPFormValidator } from '../definitions';\nimport { getErrorMessage, getSummaryErrorMessage } from '../utility';\n\n/**\n * Name.\n */\nexport const name: string = 'min-length';\n\n/**\n * Error message.\n */\nexport const errorMessage: string = 'Must be at least %1 characters';\n\n/**\n * Summary error message (supports %label% placeholder).\n */\nexport const summaryErrorMessage: string = '%label%: Must be at least %1 characters';\n\n/**\n * Validator.\n */\nexport const validator: TPFormValidator = {\n\tvalidate: ( field: TPFormFieldElement ): boolean => {\n\t\t// Get min length and value.\n\t\tconst minLength: number = parseInt( field.getAttribute( 'min-length' ) ?? '0' );\n\t\tconst value: string = field.getField()?.value ?? '';\n\n\t\t// Validate.\n\t\treturn '' === value || value.length >= minLength;\n\t},\n\tgetErrorMessage: ( field: TPFormFieldElement ): string => {\n\t\t// Get error message.\n\t\tconst error: string = getErrorMessage( name );\n\t\tconst minLength: string = field.getAttribute( 'min-length' ) ?? '';\n\n\t\t// Return error message.\n\t\treturn error.replace( '%1', minLength );\n\t},\n\tgetSummaryMessage: ( field: TPFormFieldElement ): string => {\n\t\t// Get summary message with label.\n\t\tconst message = getSummaryErrorMessage( name, field );\n\t\tconst minLength: string = field.getAttribute( 'min-length' ) ?? '';\n\n\t\t// Replace %1 with min length value.\n\t\treturn message.replace( '%1', minLength );\n\t},\n};\n","/**\n * Internal dependencies.\n */\nimport { TPFormFieldElement } from '../tp-form-field';\nimport { TPFormValidator } from '../definitions';\nimport { getErrorMessage, getSummaryErrorMessage } from '../utility';\n\n/**\n * Name.\n */\nexport const name: string = 'max-length';\n\n/**\n * Error message.\n */\nexport const errorMessage: string = 'Must be less than %1 characters';\n\n/**\n * Summary error message (supports %label% placeholder).\n */\nexport const summaryErrorMessage: string = '%label%: Must be less than %1 characters';\n\n/**\n * Validator.\n */\nexport const validator: TPFormValidator = {\n\tvalidate: ( field: TPFormFieldElement ): boolean => {\n\t\t// Get max length and value.\n\t\tconst maxLength: number = parseInt( field.getAttribute( 'max-length' ) ?? '0' );\n\t\tconst value: string = field.getField()?.value ?? '';\n\n\t\t// Validate.\n\t\treturn '' === value || value.length <= maxLength;\n\t},\n\tgetErrorMessage: ( field: TPFormFieldElement ): string => {\n\t\t// Get error message.\n\t\tconst error: string = getErrorMessage( name );\n\t\tconst maxLength: string = field.getAttribute( 'max-length' ) ?? '';\n\n\t\t// Return error message.\n\t\treturn error.replace( '%1', maxLength );\n\t},\n\tgetSummaryMessage: ( field: TPFormFieldElement ): string => {\n\t\t// Get summary message with label.\n\t\tconst message = getSummaryErrorMessage( name, field );\n\t\tconst maxLength: string = field.getAttribute( 'max-length' ) ?? '';\n\n\t\t// Replace %1 with max length value.\n\t\treturn message.replace( '%1', maxLength );\n\t},\n};\n","/**\n * Internal dependencies.\n */\nimport { TPFormFieldElement } from '../tp-form-field';\nimport { TPFormValidator } from '../definitions';\nimport { getErrorMessage, getSummaryErrorMessage } from '../utility';\n\n/**\n * Name.\n */\nexport const name: string = 'no-empty-spaces';\n\n/**\n * Error message.\n */\nexport const errorMessage: string = 'This field should not contain only white-spaces';\n\n/**\n * Summary error message (supports %label% placeholder).\n */\nexport const summaryErrorMessage: string = '%label%: Should not contain only white-spaces';\n\n/**\n * Validator.\n */\nexport const validator: TPFormValidator = {\n\tvalidate: ( field: TPFormFieldElement ): boolean => {\n\t\t// Check if the field is empty.\n\t\tconst inputField = field.getField();\n\n\t\t// If no field is found return false.\n\t\tif ( ! inputField ) {\n\t\t\t// Return false.\n\t\t\treturn false;\n\t\t}\n\n\t\t// This case is not our concern. This is handled by `required` validator.\n\t\tif ( '' === inputField.value ) {\n\t\t\t// Return true.\n\t\t\treturn true;\n\t\t}\n\n\t\t// Return true if field is not empty.\n\t\treturn '' !== inputField.value.trim();\n\t},\n\tgetErrorMessage: (): string => getErrorMessage( name ),\n\tgetSummaryMessage: ( field: TPFormFieldElement ): string => getSummaryErrorMessage( name, field ),\n};\n","/**\n * Internal dependencies.\n */\nimport { TPFormFieldElement } from '../tp-form-field';\nimport { TPFormValidator } from '../definitions';\nimport { getErrorMessage, getSummaryErrorMessage } from '../utility';\n\n/**\n * Name.\n */\nexport const name: string = 'zip';\n\n/**\n * Error message.\n */\nexport const errorMessage: string = 'Please enter a valid zip code';\n\n/**\n * Summary error message (supports %label% placeholder).\n */\nexport const summaryErrorMessage: string = '%label%: Please enter a valid zip code';\n\n/**\n * Validator.\n */\nexport const validator: TPFormValidator = {\n\tvalidate: ( field: TPFormFieldElement ): boolean => {\n\t\t// Get the field value or default to empty string.\n\t\tconst value = field.getField()?.value ?? '';\n\n\t\t// Get custom regex pattern from regex attribute or use default.\n\t\tconst customPattern: string | null = field.getAttribute( 'regex' );\n\t\tconst defaultPattern: string = '^[A-Za-z0-9][A-Za-z0-9\\\\- ]{1,8}[A-Za-z0-9]$';\n\t\tconst pattern: string = customPattern ?? defaultPattern;\n\n\t\t// Create regex object from pattern.\n\t\tconst zipCodeRegex: RegExp = new RegExp( pattern );\n\n\t\t// Test the trimmed value against the regex pattern.\n\t\treturn zipCodeRegex.test( value.trim() );\n\t},\n\tgetErrorMessage: (): string => getErrorMessage( name ),\n\tgetSummaryMessage: ( field: TPFormFieldElement ): string => getSummaryErrorMessage( name, field ),\n};\n","/**\n * Internal dependencies.\n */\nimport { TPFormFieldElement } from './tp-form-field';\nimport { TPFormSubmitElement } from './tp-form-submit';\nimport { TPFormErrorsElement } from './tp-form-errors';\n\n/**\n * TP Form.\n */\nexport class TPFormElement extends HTMLElement {\n\t/**\n\t * Properties.\n\t */\n\tprotected readonly form: HTMLFormElement | null;\n\n\t/**\n\t * Constructor.\n\t */\n\tconstructor() {\n\t\t// Initialize parent.\n\t\tsuper();\n\n\t\t// Get form.\n\t\tthis.form = this.querySelector( 'form' );\n\n\t\t// Add event listeners.\n\t\tthis.form?.addEventListener( 'submit', this.handleFormSubmit.bind( this ) );\n\t}\n\n\t/**\n\t * Handle form submission.\n\t *\n\t * @param {Event} e Submit event.\n\t */\n\tprotected async handleFormSubmit( e: SubmitEvent ): Promise<void> {\n\t\t// Stop normal form submission.\n\t\te.preventDefault();\n\t\te.stopImmediatePropagation();\n\n\t\t// Get submit button.\n\t\tconst submit: TPFormSubmitElement | null = this.querySelector( 'tp-form-submit' );\n\t\tsubmit?.setAttribute( 'submitting', 'yes' );\n\n\t\t// Ignore a form that currently has suspense.\n\t\tif ( 'yes' === this.getAttribute( 'suspense' ) ) {\n\t\t\t// Bail early.\n\t\t\treturn;\n\t\t}\n\n\t\t// Validate the form.\n\t\tconst formValid: boolean = await this.validate();\n\n\t\t// If form is valid then dispatch a custom 'submit-validation-success' event.\n\t\tif ( formValid ) {\n\t\t\t// Trigger event.\n\t\t\tthis.dispatchEvent( new CustomEvent( 'submit-validation-success', { bubbles: true } ) );\n\n\t\t\t// Submit form.\n\t\t\tif ( 'yes' !== this.getAttribute( 'prevent-submit' ) ) {\n\t\t\t\tthis.form?.submit();\n\t\t\t}\n\t\t} else {\n\t\t\t// Form is not valid, remove submitting attribute.\n\t\t\tsubmit?.removeAttribute( 'submitting' );\n\t\t}\n\t}\n\n\t/**\n\t * Validate the form.\n\t *\n\t * @return {boolean} Whether the form is valid or not.\n\t */\n\tasync validate(): Promise<boolean> {\n\t\t// Dispatch a custom 'validate' event.\n\t\tthis.dispatchEvent( new CustomEvent( 'validate', { bubbles: true } ) );\n\n\t\t// Get the form fields.\n\t\tconst fields: NodeListOf<TPFormFieldElement> | null = this.querySelectorAll( 'tp-form-field' );\n\n\t\t// If no fields are found, return true indicating validation passed.\n\t\tif ( ! fields ) {\n\t\t\tthis.dispatchEvent( new CustomEvent( 'validation-success', { bubbles: true } ) );\n\n\t\t\t// Return true indicating validation passed.\n\t\t\treturn true;\n\t\t}\n\n\t\t// Start by setting the form as suspense.\n\t\tthis.setAttribute( 'suspense', 'yes' );\n\n\t\t// Check if all fields are valid.\n\t\tlet formValid: boolean = true;\n\t\tconst validationPromises: Promise<boolean>[] = Array\n\t\t\t.from( fields )\n\t\t\t.map( async ( field: TPFormFieldElement ): Promise<boolean> => await field.validate() );\n\n\t\t// Wait for promises to resolve.\n\t\tawait Promise.all( validationPromises )\n\t\t\t.then( ( results: boolean[] ): void => {\n\t\t\t\t// Check if all fields are valid.\n\t\t\t\tformValid = results.every( ( isValid: boolean ) => isValid );\n\t\t\t} )\n\t\t\t.catch( () => {\n\t\t\t\t// There was an error with one or more fields.\n\t\t\t\tformValid = false;\n\t\t\t} )\n\t\t\t.finally( () => this.removeAttribute( 'suspense' ) );\n\n\t\t// If form is valid then dispatch a custom 'validation-success' event else send a custom 'validation-error' event.\n\t\tif ( formValid ) {\n\t\t\tthis.dispatchEvent( new CustomEvent( 'validation-success', { bubbles: true } ) );\n\n\t\t\t// Clear error summary if it exists.\n\t\t\tthis.clearErrorSummary();\n\t\t} else {\n\t\t\tthis.dispatchEvent( new CustomEvent( 'validation-error', { bubbles: true } ) );\n\n\t\t\t// Update error summary and manage focus.\n\t\t\tthis.handleValidationError( fields );\n\t\t}\n\n\t\t// Return whether the form is valid or not.\n\t\treturn formValid;\n\t}\n\n\t/**\n\t * Handle validation error - update error summary and manage focus.\n\t *\n\t * @param {NodeList} fields All form fields.\n\t */\n\tprotected handleValidationError( fields: NodeListOf<TPFormFieldElement> ): void {\n\t\t// Get invalid fields that are visible.\n\t\tconst invalidFields: TPFormFieldElement[] = Array.from( fields ).filter(\n\t\t\t( field: TPFormFieldElement ): boolean =>\n\t\t\t\tfield.hasAttribute( 'error' ) && field.offsetWidth > 0 && field.offsetHeight > 0\n\t\t);\n\n\t\t// Get error summary element.\n\t\tconst errorSummary: TPFormErrorsElement | null = this.querySelector( 'tp-form-errors' );\n\n\t\t// If error summary exists, populate it and move focus to it.\n\t\tif ( errorSummary ) {\n\t\t\terrorSummary.update( invalidFields );\n\n\t\t\t// Timeout needed for Safari to focus after DOM update.\n\t\t\tsetTimeout( () => errorSummary.focus(), 0 );\n\t\t} else if ( invalidFields.length > 0 ) {\n\t\t\t// No error summary, move focus to first visible invalid field.\n\t\t\tconst firstInvalidField = invalidFields[ 0 ].getField();\n\t\t\tfirstInvalidField?.focus();\n\t\t}\n\t}\n\n\t/**\n\t * Clear the error summary.\n\t */\n\tprotected clearErrorSummary(): void {\n\t\t// Clear summary.\n\t\tconst errorSummary: TPFormErrorsElement | null = this.querySelector( 'tp-form-errors' );\n\t\terrorSummary?.clear();\n\t}\n\n\t/**\n\t * Validate one field.\n\t *\n\t * @param {HTMLElement} field Field node.\n\t */\n\tasync validateField( field: TPFormFieldElement ): Promise<boolean> {\n\t\t// Set form as suspense, validate and undo suspense.\n\t\tthis.setAttribute( 'suspense', 'yes' );\n\t\tconst fieldValid: boolean = await field.validate();\n\t\tthis.removeAttribute( 'suspense' );\n\n\t\t// Return result.\n\t\treturn fieldValid;\n\t}\n\n\t/**\n\t * Reset form validation.\n\t */\n\tresetValidation(): void {\n\t\t// Get the form fields.\n\t\tconst fields: NodeListOf<TPFormFieldElement> | null = this.querySelectorAll( 'tp-form-field' );\n\n\t\t// If no fields are found.\n\t\tif ( ! fields ) {\n\t\t\t// Exit the function.\n\t\t\treturn;\n\t\t}\n\n\t\t// Remove 'valid' and 'error' attributes from all fields.\n\t\tfields.forEach( ( field: TPFormFieldElement ): void => {\n\t\t\t// Remove 'valid' and 'error' and 'suspense' attributes.\n\t\t\tfield.removeAttribute( 'valid' );\n\t\t\tfield.removeAttribute( 'error' );\n\t\t\tfield.removeAttribute( 'suspense' );\n\t\t} );\n\n\t\t// Remove 'suspense' attribute from form.\n\t\tthis.removeAttribute( 'suspense' );\n\n\t\t// Remove 'submitting' attribute from submit button.\n\t\tconst submit: TPFormSubmitElement | null = this.querySelector( 'tp-form-submit' );\n\t\tsubmit?.removeAttribute( 'submitting' );\n\n\t\t// Clear error summary.\n\t\tthis.clearErrorSummary();\n\t}\n}\n","/**\n * Internal dependencies.\n */\nimport { TPFormElement } from './tp-form';\nimport { TPFormErrorElement } from './tp-form-error';\nimport { TPFormSuspenseElement } from './tp-form-suspense';\n\n/**\n * TP Form Field.\n */\nexport class TPFormFieldElement extends HTMLElement {\n\t/**\n\t * Constructor.\n\t */\n\tconstructor() {\n\t\t// Initialize parent.\n\t\tsuper();\n\n\t\t// Get field.\n\t\tconst field = this.getField();\n\n\t\t// Add event listeners.\n\t\tfield?.addEventListener( 'keyup', this.handleFieldChanged.bind( this ) );\n\t\tfield?.addEventListener( 'change', this.handleFieldChanged.bind( this ) );\n\n\t\t// Set up accessibility attributes.\n\t\tthis.setupAccessibility();\n\t}\n\n\t/**\n\t * Set up accessibility attributes (label linking, IDs).\n\t */\n\tprivate setupAccessibility(): void {\n\t\t// Get the field.\n\t\tconst field = this.getField();\n\n\t\t// Bail if no field.\n\t\tif ( ! field ) {\n\t\t\t// Early return.\n\t\t\treturn;\n\t\t}\n\n\t\t// Generate ID for the field if not present.\n\t\tif ( ! field.id ) {\n\t\t\tfield.id = `tp-field-${ Math.random().toString( 36 ).substring( 2, 9 ) }`;\n\t\t}\n\n\t\t// Get label.\n\t\tconst label = this.querySelector( 'label' );\n\n\t\t// Set for attribute on label if not present.\n\t\tif ( label && ! label.hasAttribute( 'for' ) ) {\n\t\t\tlabel.setAttribute( 'for', field.id );\n\t\t}\n\t}\n\n\t/**\n\t * Update validation when the field has changed.\n\t */\n\thandleFieldChanged(): void {\n\t\t// Check if we want to ignore field revalidations.\n\t\tif ( 'no' === this.getAttribute( 'revalidate-on-change' ) ) {\n\t\t\t// Yes we do, bail!\n\t\t\treturn;\n\t\t}\n\n\t\t// Validate the field again if 'valid' or 'error' attribute is present.\n\t\tif ( this.getAttribute( 'valid' ) || this.getAttribute( 'error' ) ) {\n\t\t\tconst form: TPFormElement | null = this.closest( 'tp-form' );\n\t\t\tform?.validateField( this );\n\t\t}\n\t}\n\n\t/**\n\t * Get observed attributes.\n\t *\n\t * @return {Array} List of observed attributes.\n\t */\n\tstatic get observedAttributes(): string[] {\n\t\t// Attributes observed in the TPFormFieldElement web-component.\n\t\treturn [ 'valid', 'error', 'suspense' ];\n\t}\n\n\t/**\n\t * Attribute changed callback.\n\t *\n\t * @param {string} name     Attribute name.\n\t * @param {string} oldValue Old value.\n\t * @param {string} newValue New value.\n\t */\n\tattributeChangedCallback( name: string = '', oldValue: string = '', newValue: string = '' ): void {\n\t\t// Check if the observed attributes 'valid' or 'error' have changed.\n\n\t\t// Dispatch a custom 'validate' event.\n\t\tif ( ( 'valid' === name || 'error' === name || 'suspense' === name ) && oldValue !== newValue ) {\n\t\t\tthis.dispatchEvent( new CustomEvent( 'validate', { bubbles: true } ) );\n\t\t}\n\n\t\t// Update the component after the attribute change.\n\t\tthis.update();\n\t}\n\n\t/**\n\t * Update component.\n\t */\n\tupdate(): void {\n\t\t// Check if tpFormValidators exist in the window object.\n\t\tconst { tpFormValidators } = window;\n\n\t\t// Exit the function if validators are not available.\n\t\tif ( ! tpFormValidators ) {\n\t\t\t// Early return.\n\t\t\treturn;\n\t\t}\n\n\t\t// Get the 'error' attribute value.\n\t\tconst error: string = this.getAttribute( 'error' ) ?? '';\n\n\t\t// Check if the error exists and has a corresponding error message function.\n\t\tif ( '' !== error && error in tpFormValidators && 'function' === typeof tpFormValidators[ error ].getErrorMessage ) {\n\t\t\tthis.setErrorMessage( tpFormValidators[ error ].getErrorMessage( this ) );\n\t\t} else {\n\t\t\tthis.removeErrorMessage();\n\t\t}\n\n\t\t// Get the 'suspense' attribute value.\n\t\tconst suspense: string = this.getAttribute( 'suspense' ) ?? '';\n\n\t\t// Check if the suspense exists and has a corresponding suspense message function.\n\t\tif ( '' !== suspense && suspense in tpFormValidators && 'function' === typeof tpFormValidators[ suspense ].getSuspenseMessage ) {\n\t\t\t// @ts-ignore\n\t\t\tthis.setSuspenseMessage( tpFormValidators[ suspense ]?.getSuspenseMessage( this ) );\n\t\t} else {\n\t\t\tthis.removeSuspenseMessage();\n\t\t}\n\t}\n\n\t/**\n\t * Get the associated field.\n\t *\n\t * @return {HTMLElement} The associated field for this component.\n\t */\n\tgetField(): HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | null {\n\t\t// Return the associated field by querying input, select, or textarea elements.\n\t\treturn this.querySelector( 'input,select,textarea' );\n\t}\n\n\t/**\n\t * Validate this field.\n\t *\n\t * @return {boolean} Whether this field passed validation.\n\t */\n\tasync validate(): Promise<boolean> {\n\t\t// Retrieve tpFormValidators from the window object.\n\t\tconst { tpFormValidators } = window;\n\n\t\t// Exit the function if validators are not available.\n\t\tif ( ! tpFormValidators ) {\n\t\t\t// If no validators are found, return true indicating validation passed.\n\t\t\treturn true;\n\t\t}\n\n\t\t// Check if the field is visible.\n\t\tif ( this.offsetWidth <= 0 || this.offsetHeight <= 0 ) {\n\t\t\t// If the field is not visible, return true indicating validation passed.\n\t\t\treturn true;\n\t\t}\n\n\t\t// Prepare error and valid status.\n\t\tlet valid: boolean = true;\n\t\tlet suspense: Promise<boolean> | null = null;\n\t\tlet error: string = '';\n\t\tconst allAttributes: string[] = this.getAttributeNames();\n\n\t\t// Traverse all attributes to see if we find a matching validator.\n\t\tallAttributes.every( ( attributeName: string ): boolean => {\n\t\t\t// Check if the attribute is a validator.\n\t\t\tif ( attributeName in tpFormValidators && 'function' === typeof tpFormValidators[ attributeName ].validate ) {\n\t\t\t\t// We found one, lets validate the field.\n\t\t\t\tconst isValid: boolean | Promise<boolean> = tpFormValidators[ attributeName ].validate( this );\n\t\t\t\terror = attributeName;\n\n\t\t\t\t// First check for a Promise.\n\t\t\t\tif ( isValid instanceof Promise ) {\n\t\t\t\t\t// Yes it is an async validation.\n\t\t\t\t\tvalid = false;\n\n\t\t\t\t\t// Dispatch a custom 'validation-suspense-start' event.\n\t\t\t\t\tthis.dispatchEvent( new CustomEvent( 'validation-suspense-start' ) );\n\n\t\t\t\t\t// Create the promise.\n\t\t\t\t\tsuspense = new Promise( ( resolve, reject ): void => {\n\t\t\t\t\t\t// Validate it.\n\t\t\t\t\t\tisValid\n\t\t\t\t\t\t\t.then( ( suspenseIsValid: boolean ) => {\n\t\t\t\t\t\t\t\t// Validation is complete.\n\t\t\t\t\t\t\t\tif ( true === suspenseIsValid ) {\n\t\t\t\t\t\t\t\t\tthis.setAttribute( 'valid', 'yes' );\n\t\t\t\t\t\t\t\t\tthis.removeAttribute( 'error' );\n\n\t\t\t\t\t\t\t\t\t// Resolve the promise.\n\t\t\t\t\t\t\t\t\tresolve( true );\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tthis.removeAttribute( 'valid' );\n\t\t\t\t\t\t\t\t\tthis.setAttribute( 'error', error );\n\n\t\t\t\t\t\t\t\t\t// Resolve the promise.\n\t\t\t\t\t\t\t\t\tresolve( false );\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t// Dispatch a custom 'validation-suspense-success' event.\n\t\t\t\t\t\t\t\tthis.dispatchEvent( new CustomEvent( 'validation-suspense-success' ) );\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t.catch( (): void => {\n\t\t\t\t\t\t\t\t// There was an error.\n\t\t\t\t\t\t\t\tthis.removeAttribute( 'valid' );\n\t\t\t\t\t\t\t\tthis.setAttribute( 'error', error );\n\n\t\t\t\t\t\t\t\t// Dispatch a custom 'validation-suspense-error' event.\n\t\t\t\t\t\t\t\tthis.dispatchEvent( new CustomEvent( 'validation-suspense-error' ) );\n\n\t\t\t\t\t\t\t\t// Reject the promise.\n\t\t\t\t\t\t\t\treject( false );\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t.finally( (): void => {\n\t\t\t\t\t\t\t\t// Clean up.\n\t\t\t\t\t\t\t\tthis.removeAttribute( 'suspense' );\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t} );\n\n\t\t\t\t\t// Return.\n\t\t\t\t\treturn false;\n\t\t\t\t} else if ( false === isValid ) {\n\t\t\t\t\t// Not a Promise, but looks like we found an error!\n\t\t\t\t\tvalid = false;\n\n\t\t\t\t\t// Return.\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// No error found, all good.\n\t\t\treturn true;\n\t\t} );\n\n\t\t// Check if the field is valid or not.\n\t\tif ( valid ) {\n\t\t\tthis.setAttribute( 'valid', 'yes' );\n\t\t\tthis.removeAttribute( 'error' );\n\t\t\tthis.removeAttribute( 'suspense' );\n\t\t} else {\n\t\t\tthis.removeAttribute( 'valid' );\n\n\t\t\t// Check for suspense.\n\t\t\tif ( suspense ) {\n\t\t\t\tthis.setAttribute( 'suspense', error );\n\t\t\t\tthis.removeAttribute( 'error' );\n\t\t\t} else {\n\t\t\t\tthis.removeAttribute( 'suspense' );\n\t\t\t\tthis.setAttribute( 'error', error );\n\t\t\t}\n\t\t}\n\n\t\t// Do we have a suspense?\n\t\tif ( suspense ) {\n\t\t\t// Yes we do, return the promise.\n\t\t\treturn suspense;\n\t\t}\n\n\t\t// No we don't, return a resolved promise.\n\t\treturn valid;\n\t}\n\n\t/**\n\t * Set the error message.\n\t *\n\t * @param {string} message Error message.\n\t */\n\tsetErrorMessage( message: string = '' ): void {\n\t\t// Look for an existing tp-form-error element.\n\t\tlet error: TPFormErrorElement | null = this.querySelector( 'tp-form-error' );\n\n\t\t// If found, update its textContent with the error message. Otherwise, create a new tp-form-error element and append it to the component.\n\t\tif ( error ) {\n\t\t\terror.textContent = message;\n\t\t} else {\n\t\t\terror = document.createElement( 'tp-form-error' );\n\t\t\terror.textContent = message;\n\t\t\terror.setAttribute( 'role', 'alert' );\n\t\t\tthis.appendChild( error );\n\t\t}\n\n\t\t// Set up accessibility for the error message.\n\t\tconst field = this.getField();\n\n\t\t// Set aria-invalid on the field.\n\t\tif ( field ) {\n\t\t\tfield.setAttribute( 'aria-invalid', 'true' );\n\n\t\t\t// Generate ID for error element if not present.\n\t\t\tif ( ! error.id ) {\n\t\t\t\terror.id = `tp-error-${ Math.random().toString( 36 ).substring( 2, 9 ) }`;\n\t\t\t}\n\n\t\t\t// Link field to error via aria-describedby.\n\t\t\tfield.setAttribute( 'aria-describedby', error.id );\n\t\t}\n\n\t\t// Dispatch a custom 'validation-error' event.\n\t\tthis.dispatchEvent( new CustomEvent( 'validation-error' ) );\n\t}\n\n\t/**\n\t * Remove the error message.\n\t */\n\tremoveErrorMessage(): void {\n\t\t// Find and remove the tp-form-error element.\n\t\tthis.querySelector( 'tp-form-error' )?.remove();\n\n\t\t// Remove accessibility attributes from the field.\n\t\tconst field = this.getField();\n\n\t\t// Remove aria-invalid and aria-describedby.\n\t\tif ( field ) {\n\t\t\tfield.removeAttribute( 'aria-invalid' );\n\t\t\tfield.removeAttribute( 'aria-describedby' );\n\t\t}\n\n\t\t// Dispatch a custom 'validation-success' event.\n\t\tthis.dispatchEvent( new CustomEvent( 'validation-success' ) );\n\t}\n\n\t/**\n\t * Set the suspense message.\n\t *\n\t * @param {string} message Suspense message.\n\t */\n\tsetSuspenseMessage( message: string = '' ): void {\n\t\t// Look for an existing tp-form-error element.\n\t\tconst suspense: TPFormSuspenseElement | null = this.querySelector( 'tp-form-suspense' );\n\n\t\t// If found, update its textContent with the suspense message. Otherwise, create a new tp-form-suspense element and append it to the component.\n\t\tif ( suspense ) {\n\t\t\tsuspense.textContent = message;\n\t\t} else {\n\t\t\tconst suspenseElement: TPFormSuspenseElement = document.createElement( 'tp-form-suspense' );\n\t\t\tsuspenseElement.textContent = message;\n\t\t\tsuspenseElement.setAttribute( 'aria-live', 'polite' );\n\t\t\tthis.appendChild( suspenseElement );\n\t\t}\n\t}\n\n\t/**\n\t * Remove the suspense message.\n\t */\n\tremoveSuspenseMessage(): void {\n\t\t// Find and remove the tp-form-suspense element.\n\t\tthis.querySelector( 'tp-form-suspense' )?.remove();\n\t}\n}\n","/**\n * TP Form Error.\n */\nexport class TPFormErrorElement extends HTMLElement {\n}\n","/**\n * Internal dependencies.\n */\nimport { TPFormFieldElement } from './tp-form-field';\nimport { TPFormErrorsHeadingElement } from './tp-form-errors-heading';\nimport { TPFormErrorsListElement } from './tp-form-errors-list';\n\n/**\n * TP Form Errors.\n */\nexport class TPFormErrorsElement extends HTMLElement {\n\t/**\n\t * Update the error summary with the given invalid fields.\n\t *\n\t * @param {TPFormFieldElement[]} invalidFields Array of invalid form fields.\n\t */\n\tupdate( invalidFields: TPFormFieldElement[] ): void {\n\t\t// Get child components.\n\t\tconst heading = this.querySelector( 'tp-form-errors-heading' ) as TPFormErrorsHeadingElement | null;\n\t\tconst list = this.querySelector( 'tp-form-errors-list' ) as TPFormErrorsListElement | null;\n\n\t\t// If no errors, remove active state.\n\t\tif ( 0 === invalidFields.length ) {\n\t\t\tthis.removeAttribute( 'active' );\n\t\t\tthis.removeAttribute( 'tabindex' );\n\t\t\theading?.update( 0 );\n\t\t\tlist?.clear();\n\n\t\t\t// Bail early.\n\t\t\treturn;\n\t\t}\n\n\t\t// Set active state and make focusable.\n\t\tthis.setAttribute( 'active', 'yes' );\n\t\tthis.setAttribute( 'tabindex', '-1' );\n\n\t\t// Update child components.\n\t\theading?.update( invalidFields.length );\n\t\tlist?.update( invalidFields );\n\t}\n\n\t/**\n\t * Clear the error summary.\n\t */\n\tclear(): void {\n\t\t// Clear attributes.\n\t\tthis.removeAttribute( 'active' );\n\t\tthis.removeAttribute( 'tabindex' );\n\n\t\t// Get heading and list.\n\t\tconst heading = this.querySelector( 'tp-form-errors-heading' ) as TPFormErrorsHeadingElement | null;\n\t\tconst list = this.querySelector( 'tp-form-errors-list' ) as TPFormErrorsListElement | null;\n\n\t\t// Update them.\n\t\theading?.update( 0 );\n\t\tlist?.clear();\n\t}\n}\n","/**\n * TP Form Errors Heading.\n *\n * Displays the error count. User controls the heading element wrapper.\n */\nexport class TPFormErrorsHeadingElement extends HTMLElement {\n\t/**\n\t * Get format.\n\t *\n\t * @return {string} Format with $count placeholder.\n\t */\n\tget format(): string {\n\t\t// Get format.\n\t\treturn this.getAttribute( 'format' ) ?? '';\n\t}\n\n\t/**\n\t * Set format.\n\t *\n\t * @param {string} format Format string.\n\t */\n\tset format( format: string ) {\n\t\t// Set format.\n\t\tthis.setAttribute( 'format', format );\n\t}\n\n\t/**\n\t * Update the heading with the error count.\n\t *\n\t * @param {number} count Number of errors.\n\t */\n\tupdate( count: number ): void {\n\t\t// Update count.\n\t\tthis.textContent = this.format.replace( '$count', count.toString() );\n\t}\n}\n","/**\n * Internal dependencies.\n */\nimport { TPFormFieldElement } from './tp-form-field';\n\n/**\n * TP Form Errors List.\n *\n * Displays the list of error links using tp-form-errors-error elements.\n */\nexport class TPFormErrorsListElement extends HTMLElement {\n\t/**\n\t * Update the list with error links.\n\t *\n\t * @param {TPFormFieldElement[]} invalidFields Array of invalid form fields.\n\t */\n\tupdate( invalidFields: TPFormFieldElement[] ): void {\n\t\t// Clear existing content.\n\t\tthis.textContent = '';\n\n\t\t// Get validators for summary messages.\n\t\tconst { tpFormValidators } = window;\n\t\tinvalidFields.forEach( ( field: TPFormFieldElement ): void => {\n\t\t\t// Get field ID for the link.\n\t\t\tconst inputField = field.getField();\n\t\t\tconst fieldId = inputField?.id ?? '';\n\n\t\t\t// Skip if no field ID.\n\t\t\tif ( ! fieldId ) {\n\t\t\t\t// Bail.\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Get the error type from the field's error attribute.\n\t\t\tconst errorType = field.getAttribute( 'error' ) ?? '';\n\n\t\t\t// Get the summary message.\n\t\t\tlet message = '';\n\n\t\t\t// Check if we have everything.\n\t\t\tif ( errorType && tpFormValidators && errorType in tpFormValidators ) {\n\t\t\t\tconst validator = tpFormValidators[ errorType ];\n\n\t\t\t\t// Try getSummaryMessage first, fall back to getErrorMessage.\n\t\t\t\tif ( 'function' === typeof validator.getSummaryMessage ) {\n\t\t\t\t\tmessage = validator.getSummaryMessage( field );\n\t\t\t\t} else if ( 'function' === typeof validator.getErrorMessage ) {\n\t\t\t\t\tmessage = validator.getErrorMessage( field );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Skip if no message.\n\t\t\tif ( ! message ) {\n\t\t\t\t// Bail.\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Create error element with link.\n\t\t\tconst errorElement = document.createElement( 'tp-form-errors-error' );\n\t\t\terrorElement.setAttribute( 'role', 'listitem' );\n\t\t\tconst link = document.createElement( 'a' );\n\t\t\tlink.href = `#${ fieldId }`;\n\t\t\tlink.textContent = message;\n\t\t\terrorElement.appendChild( link );\n\t\t\tthis.appendChild( errorElement );\n\t\t} );\n\t}\n\n\t/**\n\t * Clear the list.\n\t */\n\tclear(): void {\n\t\t// Clear.\n\t\tthis.textContent = '';\n\t}\n}\n","/**\n * TP Form Errors Error.\n */\nexport class TPFormErrorsErrorElement extends HTMLElement {\n\t/**\n\t * Constructor.\n\t */\n\tconstructor() {\n\t\t// Initialize parent.\n\t\tsuper();\n\n\t\t// Use event delegation to handle clicks on dynamically added anchors.\n\t\tthis.addEventListener( 'click', this.handleClick.bind( this ) );\n\t}\n\n\t/**\n\t * Handle click on error link.\n\t *\n\t * @param {Event} event Click event.\n\t */\n\tprotected handleClick( event: Event ): void {\n\t\t// Find the anchor element.\n\t\tconst target = event.target as HTMLElement;\n\t\tconst anchor = target.closest( 'a' );\n\n\t\t// Only handle clicks on anchors.\n\t\tif ( ! anchor ) {\n\t\t\t// Bail early.\n\t\t\treturn;\n\t\t}\n\n\t\t// Prevent default to avoid hash in URL.\n\t\tevent.preventDefault();\n\n\t\t// Get the field ID from href.\n\t\tconst href = anchor.getAttribute( 'href' ) ?? '';\n\t\tconst fieldId = href.replace( '#', '' );\n\n\t\t// Focus the target field.\n\t\tif ( fieldId ) {\n\t\t\tconst targetField = document.getElementById( fieldId );\n\t\t\ttargetField?.focus();\n\t\t}\n\t}\n}\n","/**\n * TP Form Suspense.\n */\nexport class TPFormSuspenseElement extends HTMLElement {\n}\n","/**\n * TP Form Submit.\n */\nexport class TPFormSubmitElement extends HTMLElement {\n\t/**\n\t * Get observed attributes.\n\t *\n\t * @return {Array} List of observed attributes.\n\t */\n\tstatic get observedAttributes(): string[] {\n\t\t// Attributes observed in the TPFormSubmitElement web-component.\n\t\treturn [ 'submitting-text', 'original-text', 'submitting' ];\n\t}\n\n\t/**\n\t * Attribute changed callback.\n\t *\n\t * @param {string} _name    Attribute name.\n\t * @param {string} oldValue Old value.\n\t * @param {string} newValue New value.\n\t */\n\tattributeChangedCallback( _name: string = '', oldValue: string = '', newValue: string = '' ): void {\n\t\t// Update component if attribute has changed.\n\t\tif ( oldValue !== newValue ) {\n\t\t\tthis.update();\n\t\t}\n\t}\n\n\t/**\n\t * Update this component.\n\t */\n\tupdate(): void {\n\t\t// Get submit button.\n\t\tconst submitButton: HTMLButtonElement | null = this.querySelector( 'button[type=\"submit\"]' );\n\n\t\t// Check if we have a submit button.\n\t\tif ( ! submitButton ) {\n\t\t\t// No, we don't. Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Prepare submit button text.\n\t\tconst submittingText: string = this.getAttribute( 'submitting-text' ) ?? '';\n\t\tconst originalText: string = this.getAttribute( 'original-text' ) ?? submitButton.innerHTML;\n\n\t\t// Check if we are submitting.\n\t\tif ( 'yes' === this.getAttribute( 'submitting' ) ) {\n\t\t\tsubmitButton.setAttribute( 'disabled', 'disabled' );\n\t\t\tthis.setAttribute( 'original-text', originalText );\n\t\t\tsubmitButton.textContent = submittingText;\n\t\t} else {\n\t\t\tsubmitButton.removeAttribute( 'disabled' );\n\t\t\tthis.removeAttribute( 'submitting' );\n\t\t\tthis.removeAttribute( 'original-text' );\n\t\t\tsubmitButton.innerHTML = originalText;\n\t\t}\n\t}\n}\n","/**\n * Styles.\n */\nimport './style.scss';\n\n/**\n * Validators.\n */\n\n// Import validators.\nimport { TPFormValidator } from './definitions';\nimport * as required from './validators/required';\nimport * as email from './validators/email';\nimport * as minLength from './validators/min-length';\nimport * as maxLength from './validators/max-length';\nimport * as noEmptySpaces from './validators/no-empty-spaces';\nimport * as zip from './validators/zip';\n\n// Prepare validators.\nconst validators = [\n\trequired,\n\temail,\n\tminLength,\n\tmaxLength,\n\tnoEmptySpaces,\n\tzip,\n];\n\n/**\n * Register Validators and Errors.\n */\nwindow.tpFormValidators = {};\nwindow.tpFormErrors = {};\nwindow.tpFormSummaryErrors = {};\nwindow.tpFormSuspenseMessages = {};\n\n// Register validators.\nvalidators.forEach( (\n\t{ name, validator, errorMessage, summaryErrorMessage }: { name: string, validator: TPFormValidator, errorMessage: string, summaryErrorMessage?: string }\n): void => {\n\t// Assigning validators and error messages to various fields.\n\twindow.tpFormValidators[ name ] = validator;\n\twindow.tpFormErrors[ name ] = errorMessage;\n\n\t// Register summary error message if provided.\n\tif ( summaryErrorMessage ) {\n\t\twindow.tpFormSummaryErrors[ name ] = summaryErrorMessage;\n\t}\n} );\n\n/**\n * Components.\n */\nimport { TPFormElement } from './tp-form';\nimport { TPFormFieldElement } from './tp-form-field';\nimport { TPFormErrorElement } from './tp-form-error';\nimport { TPFormErrorsElement } from './tp-form-errors';\nimport { TPFormErrorsHeadingElement } from './tp-form-errors-heading';\nimport { TPFormErrorsListElement } from './tp-form-errors-list';\nimport { TPFormErrorsErrorElement } from './tp-form-errors-error';\nimport { TPFormSuspenseElement } from './tp-form-suspense';\nimport { TPFormSubmitElement } from './tp-form-submit';\n\n/**\n * Register Components.\n */\ncustomElements.define( 'tp-form', TPFormElement );\ncustomElements.define( 'tp-form-field', TPFormFieldElement );\ncustomElements.define( 'tp-form-error', TPFormErrorElement );\ncustomElements.define( 'tp-form-errors', TPFormErrorsElement );\ncustomElements.define( 'tp-form-errors-heading', TPFormErrorsHeadingElement );\ncustomElements.define( 'tp-form-errors-list', TPFormErrorsListElement );\ncustomElements.define( 'tp-form-errors-error', TPFormErrorsErrorElement );\ncustomElements.define( 'tp-form-suspense', TPFormSuspenseElement );\ncustomElements.define( 'tp-form-submit', TPFormSubmitElement );\n"],"names":["__webpack_require__","exports","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","Symbol","toStringTag","value","getErrorMessage","error","tpFormErrors","window","getSummaryErrorMessage","field","tpFormSummaryErrors","template","label","querySelector","textContent","trim","getFieldLabel","replace","errorMessage","summaryErrorMessage","validator","validate","getField","getSummaryMessage","test","minLength","parseInt","getAttribute","length","message","maxLength","inputField","customPattern","RegExp","TPFormElement","HTMLElement","constructor","super","this","form","addEventListener","handleFormSubmit","bind","e","preventDefault","stopImmediatePropagation","submit","setAttribute","dispatchEvent","CustomEvent","bubbles","removeAttribute","fields","querySelectorAll","formValid","validationPromises","Array","from","map","Promise","all","then","results","every","isValid","catch","finally","clearErrorSummary","handleValidationError","invalidFields","filter","hasAttribute","offsetWidth","offsetHeight","errorSummary","update","setTimeout","focus","firstInvalidField","clear","validateField","fieldValid","resetValidation","forEach","TPFormFieldElement","handleFieldChanged","setupAccessibility","id","Math","random","toString","substring","closest","observedAttributes","attributeChangedCallback","name","oldValue","newValue","tpFormValidators","setErrorMessage","removeErrorMessage","suspense","getSuspenseMessage","setSuspenseMessage","removeSuspenseMessage","valid","getAttributeNames","attributeName","resolve","reject","suspenseIsValid","document","createElement","appendChild","remove","suspenseElement","TPFormErrorElement","TPFormErrorsElement","heading","list","TPFormErrorsHeadingElement","format","count","TPFormErrorsListElement","fieldId","errorType","errorElement","link","href","TPFormErrorsErrorElement","handleClick","event","anchor","target","targetField","getElementById","TPFormSuspenseElement","TPFormSubmitElement","_name","submitButton","submittingText","originalText","innerHTML","validators","tpFormSuspenseMessages","customElements","define"],"sourceRoot":""}

package/dist/lightbox/index.js

@@ -1,2 +1,2 @@
-(()=>{"use strict";class t extends HTMLElement{constructor(){var t,e,i;super(),this.currentTemplate=null,this.currentGroup="",this.allGroups=null,this.touchStartX=0,this.touchStartY=0,this.swipeThreshold=200,this.dialogElement=this.querySelector("dialog"),this.lightboxNavItems=this.querySelectorAll("tp-lightbox-nav-item"),null===(t=this.dialogElement)||void 0===t||t.addEventListener("click",this.handleDialogClick.bind(this)),null===(e=this.dialogElement)||void 0===e||e.addEventListener("touchstart",this.handleTouchStart.bind(this)),null===(i=this.dialogElement)||void 0===i||i.addEventListener("touchend",this.handleTouchEnd.bind(this))}static get observedAttributes(){return["open","index","total","close-on-overlay-click","loading"]}attributeChangedCallback(t="",e="",i=""){e!==i&&(this.dispatchEvent(new CustomEvent("change")),"index"===t&&this.triggerCurrentIndexTarget(),"open"!==t&&"index"!==t||this.updateNavCurrentItem())}get template(){return this.currentTemplate}set template(t){this.currentTemplate=t,this.dispatchEvent(new CustomEvent("template-set"));const e=this.querySelector("tp-lightbox-content");if(e)if(this.currentTemplate){const t=this.currentTemplate.content.cloneNode(!0);e.replaceChildren(t),this.dispatchEvent(new CustomEvent("content-change")),setTimeout((()=>{this.prepareImageLoading(),this.prepareNavigation()}),0)}else e.innerHTML=""}get group(){return this.currentGroup}set group(t){this.currentGroup=t}get currentIndex(){var t;return parseInt(null!==(t=this.getAttribute("index"))&&void 0!==t?t:"1")}set currentIndex(t){t<1&&(t=1),this.setAttribute("index",t.toString()),this.dispatchEvent(new CustomEvent("slide-set",{detail:{slideIndex:t}}))}triggerCurrentIndexTarget(){const t=this.getAllGroups();t&&t[this.currentIndex-1]&&t[this.currentIndex-1].trigger()}open(){const t=this.querySelector("dialog");t&&!t.open&&(""===this.group||this.allGroups||this.updateAllGroups(),t.showModal(),this.setAttribute("open","yes"))}close(){const t=this.querySelector("dialog");null==t||t.close(),this.removeAttribute("open"),this.allGroups=null}previous(){""!==this.group&&this.getAllGroups()&&this.currentIndex>1&&this.currentIndex--}next(){if(""===this.group)return;const t=this.getAllGroups();t&&this.currentIndex<t.length&&this.currentIndex++}updateAllGroups(t=null){if(t&&t.length)return this.allGroups=t,void this.setAttribute("total",this.allGroups.length.toString());this.allGroups=document.querySelectorAll(`tp-lightbox-trigger[group="${this.group}"]`),this.allGroups.length?this.setAttribute("total",this.allGroups.length.toString()):this.allGroups=null}getAllGroups(){return this.allGroups}prepareNavigation(){const t=this.querySelector("tp-lightbox-count");null==t||t.update();const e=this.querySelector("tp-lightbox-previous"),i=this.querySelector("tp-lightbox-next");if(!e&&!i)return;if(""===this.group)return null==e||e.setAttribute("disabled","yes"),void(null==i||i.setAttribute("disabled","yes"));const s=this.getAllGroups();if(!s)return null==e||e.setAttribute("disabled","yes"),void(null==i||i.setAttribute("disabled","yes"));this.currentIndex<=1?null==e||e.setAttribute("disabled","yes"):null==e||e.removeAttribute("disabled"),this.currentIndex<s.length?null==i||i.removeAttribute("disabled"):null==i||i.setAttribute("disabled","yes")}prepareImageLoading(){const t=this.querySelector("tp-lightbox-content");if(!t)return;const e=t.querySelectorAll("img");if(!e.length)return void this.removeAttribute("loading");this.setAttribute("loading","yes");let i=0;const s=e.length,r=()=>{i++,i===s&&this.removeAttribute("loading")};e.forEach((t=>{t.complete?r():t.addEventListener("load",r,{once:!0})}))}handleDialogClick(t){"yes"===this.getAttribute("close-on-overlay-click")&&this.querySelector("dialog")===t.target&&this.close()}handleTouchStart(t){"yes"===this.getAttribute("swipe")&&(this.touchStartX=t.touches[0].clientX,this.touchStartY=t.touches[0].clientY)}handleTouchEnd(t){var e;if("yes"!==this.getAttribute("swipe"))return;const i=t.changedTouches[0].clientX,s=t.changedTouches[0].clientY,r=i-this.touchStartX,l=s-this.touchStartY;Math.abs(r)>Math.abs(l)&&(this.swipeThreshold=Number(null!==(e=this.getAttribute("swipe-threshold"))&&void 0!==e?e:"200"),r>0?r<this.swipeThreshold&&this.previous():r<0&&r>-this.swipeThreshold&&this.next())}updateNavCurrentItem(){this.lightboxNavItems&&this.lightboxNavItems.forEach(((t,e)=>{this.currentIndex-1===e?t.setAttribute("current","yes"):t.removeAttribute("current")}))}}class e extends HTMLElement{}class i extends HTMLElement{constructor(){var t;super(),null===(t=this.querySelector("button"))||void 0===t||t.addEventListener("click",this.close.bind(this))}close(){const t=this.closest("tp-lightbox");t&&setTimeout((()=>{t.close()}),0)}}class s extends HTMLElement{constructor(){var t;super(),null===(t=this.querySelector("button"))||void 0===t||t.addEventListener("click",this.previous.bind(this))}previous(){if("yes"===this.getAttribute("disabled"))return;const t=this.closest("tp-lightbox");t&&setTimeout((()=>{t.previous()}),0)}}class r extends HTMLElement{constructor(){var t;super(),null===(t=this.querySelector("button"))||void 0===t||t.addEventListener("click",this.next.bind(this))}next(){if("yes"===this.getAttribute("disabled"))return;const t=this.closest("tp-lightbox");t&&setTimeout((()=>{t.next()}),0)}}class l extends HTMLElement{static get observedAttributes(){return["format"]}get format(){var t;return null!==(t=this.getAttribute("format"))&&void 0!==t?t:"$current / $total"}set format(t){this.setAttribute("format",t)}attributeChangedCallback(){this.update()}update(){var t;const e=this.closest("tp-lightbox");if(!e)return;const i=e.currentIndex.toString(),s=null!==(t=e.getAttribute("total"))&&void 0!==t?t:"";this.innerHTML=this.format.replace("$current",i).replace("$total",s),this.setAttribute("current",i),this.setAttribute("total",s)}}class n extends HTMLElement{constructor(){var t;super(),null===(t=this.querySelector("button"))||void 0===t||t.addEventListener("click",this.trigger.bind(this))}trigger(){var t;const e=this.getAttribute("lightbox"),i=this.querySelector("template");if(!e||!i)return;const s=document.querySelector(`#${e.toString()}`);if(!s)return;const r=null!==(t=this.getAttribute("group"))&&void 0!==t?t:"";setTimeout((()=>{if(s.template=i,s.group=r,""!==r){const t=document.querySelectorAll(`tp-lightbox-trigger[group="${r}"]`);t.length&&(s.updateAllGroups(t),t.forEach(((t,e)=>{this===t&&(s.currentIndex=e+1)})))}s.open()}),0)}}class o extends HTMLElement{constructor(){var t;super(),this.template=null,this.template=this.querySelector("template"),this.lightbox=this.closest("tp-lightbox"),null===(t=this.lightbox)||void 0===t||t.addEventListener("template-set",this.setTemplate.bind(this))}setTemplate(){var t,e;if(!this.template)return;const i=Number(null!==(e=null===(t=this.lightbox)||void 0===t?void 0:t.getAttribute("total"))&&void 0!==e?e:0);this.innerHTML="";for(let t=0;t<i;t++){const t=this.template.content.cloneNode(!0);this.appendChild(t)}}}class u extends HTMLElement{constructor(){var t;super(),this.lightbox=this.closest("tp-lightbox"),null===(t=this.querySelector("button"))||void 0===t||t.addEventListener("click",this.handleClick.bind(this))}handleClick(){var t;this.lightbox&&(this.lightbox.currentIndex=null!==(t=Number(this.getIndex()))&&void 0!==t?t:1,this.lightbox.updateNavCurrentItem())}getIndex(){var t;if(!this.lightbox)return 0;const e=this.closest("tp-lightbox-nav");return Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]).indexOf(this)+1}}customElements.define("tp-lightbox",t),customElements.define("tp-lightbox-content",e),customElements.define("tp-lightbox-close",i),customElements.define("tp-lightbox-previous",s),customElements.define("tp-lightbox-next",r),customElements.define("tp-lightbox-count",l),customElements.define("tp-lightbox-trigger",n),customElements.define("tp-lightbox-nav",o),customElements.define("tp-lightbox-nav-item",u)})();
+(()=>{"use strict";class t extends HTMLElement{constructor(){var t,e,i;super(),this.currentTemplate=null,this.currentGroup="",this.allGroups=null,this.touchStartX=0,this.touchStartY=0,this.swipeThreshold=200,this.previouslyFocusedElement=null,this.boundHandleKeyDown=this.handleKeyDown.bind(this),this.dialogElement=this.querySelector("dialog"),this.lightboxNavItems=this.querySelectorAll("tp-lightbox-nav-item"),null===(t=this.dialogElement)||void 0===t||t.addEventListener("click",this.handleDialogClick.bind(this)),null===(e=this.dialogElement)||void 0===e||e.addEventListener("touchstart",this.handleTouchStart.bind(this)),null===(i=this.dialogElement)||void 0===i||i.addEventListener("touchend",this.handleTouchEnd.bind(this))}static get observedAttributes(){return["open","index","total","close-on-overlay-click","loading"]}attributeChangedCallback(t="",e="",i=""){e!==i&&(this.dispatchEvent(new CustomEvent("change")),"index"===t&&this.triggerCurrentIndexTarget(),"open"!==t&&"index"!==t||this.updateNavCurrentItem())}isAriaEnabled(){return"no"!==this.getAttribute("aria")}get template(){return this.currentTemplate}set template(t){this.currentTemplate=t,this.dispatchEvent(new CustomEvent("template-set"));const e=this.querySelector("tp-lightbox-content");if(e)if(this.currentTemplate){const t=this.currentTemplate.content.cloneNode(!0);e.replaceChildren(t),this.dispatchEvent(new CustomEvent("content-change")),setTimeout((()=>{this.prepareImageLoading(),this.prepareNavigation()}),0)}else e.innerHTML=""}get group(){return this.currentGroup}set group(t){this.currentGroup=t}get currentIndex(){var t;return parseInt(null!==(t=this.getAttribute("index"))&&void 0!==t?t:"1")}set currentIndex(t){t<1&&(t=1),this.setAttribute("index",t.toString()),this.dispatchEvent(new CustomEvent("slide-set",{detail:{slideIndex:t}}))}triggerCurrentIndexTarget(){const t=this.getAllGroups();t&&t[this.currentIndex-1]&&t[this.currentIndex-1].trigger()}open(){const t=this.querySelector("dialog");t&&!t.open&&("no"!==this.getAttribute("manage-focus")&&(this.previouslyFocusedElement=this.ownerDocument.activeElement),""===this.group||this.allGroups||this.updateAllGroups(),t.showModal(),this.setAttribute("open","yes"),document.addEventListener("keydown",this.boundHandleKeyDown),"no"!==this.getAttribute("manage-focus")&&this.setInitialFocus())}close(){document.removeEventListener("keydown",this.boundHandleKeyDown);const t=this.querySelector("dialog");null==t||t.close(),this.removeAttribute("open"),"no"!==this.getAttribute("manage-focus")&&this.previouslyFocusedElement&&(this.previouslyFocusedElement.focus(),this.previouslyFocusedElement=null),this.allGroups=null}previous(){""!==this.group&&this.getAllGroups()&&this.currentIndex>1&&this.currentIndex--}next(){if(""===this.group)return;const t=this.getAllGroups();t&&this.currentIndex<t.length&&this.currentIndex++}updateAllGroups(t=null){if(t&&t.length)return this.allGroups=t,void this.setAttribute("total",this.allGroups.length.toString());this.allGroups=document.querySelectorAll(`tp-lightbox-trigger[group="${this.group}"]`),this.allGroups.length?this.setAttribute("total",this.allGroups.length.toString()):this.allGroups=null}getAllGroups(){return this.allGroups}prepareNavigation(){var t,e;const i=this.querySelector("tp-lightbox-count");null==i||i.update();const s=this.querySelector("tp-lightbox-previous"),r=this.querySelector("tp-lightbox-next");if(!s&&!r)return;const n=null!==(t=null==s?void 0:s.querySelector("button"))&&void 0!==t?t:null,l=null!==(e=null==r?void 0:r.querySelector("button"))&&void 0!==e?e:null,o=this.isAriaEnabled();if(""===this.group)return null==s||s.setAttribute("disabled","yes"),null==r||r.setAttribute("disabled","yes"),void(o&&(null==n||n.setAttribute("aria-disabled","true"),null==l||l.setAttribute("aria-disabled","true")));const u=this.getAllGroups();if(!u)return null==s||s.setAttribute("disabled","yes"),null==r||r.setAttribute("disabled","yes"),void(o&&(null==n||n.setAttribute("aria-disabled","true"),null==l||l.setAttribute("aria-disabled","true")));this.currentIndex<=1?(null==s||s.setAttribute("disabled","yes"),o&&(null==n||n.setAttribute("aria-disabled","true"))):(null==s||s.removeAttribute("disabled"),o&&(null==n||n.removeAttribute("aria-disabled"))),this.currentIndex<u.length?(null==r||r.removeAttribute("disabled"),o&&(null==l||l.removeAttribute("aria-disabled"))):(null==r||r.setAttribute("disabled","yes"),o&&(null==l||l.setAttribute("aria-disabled","true")))}prepareImageLoading(){const t=this.querySelector("tp-lightbox-content");if(!t)return;const e=t.querySelectorAll("img");if(!e.length)return void this.removeAttribute("loading");this.setAttribute("loading","yes");let i=0;const s=e.length,r=()=>{i++,i===s&&this.removeAttribute("loading")};e.forEach((t=>{t.complete?r():t.addEventListener("load",r,{once:!0})}))}handleDialogClick(t){"yes"===this.getAttribute("close-on-overlay-click")&&this.querySelector("dialog")===t.target&&this.close()}handleTouchStart(t){"yes"===this.getAttribute("swipe")&&(this.touchStartX=t.touches[0].clientX,this.touchStartY=t.touches[0].clientY)}handleTouchEnd(t){var e;if("yes"!==this.getAttribute("swipe"))return;const i=t.changedTouches[0].clientX,s=t.changedTouches[0].clientY,r=i-this.touchStartX,n=s-this.touchStartY;Math.abs(r)>Math.abs(n)&&(this.swipeThreshold=Number(null!==(e=this.getAttribute("swipe-threshold"))&&void 0!==e?e:"200"),r>0?r<this.swipeThreshold&&this.previous():r<0&&r>-this.swipeThreshold&&this.next())}updateNavCurrentItem(){if(!this.lightboxNavItems)return;const t=this.isAriaEnabled();this.lightboxNavItems.forEach(((e,i)=>{const s=e.querySelector("button");this.currentIndex-1===i?(e.setAttribute("current","yes"),t&&s&&s.setAttribute("aria-current","true")):(e.removeAttribute("current"),t&&s&&s.removeAttribute("aria-current"))}))}setInitialFocus(){var t;const e=this.querySelector("[autofocus]");e?e.focus():null===(t=this.dialogElement)||void 0===t||t.focus()}handleKeyDown(t){"yes"===this.getAttribute("arrow-navigation")&&("ArrowLeft"===t.key?(t.preventDefault(),this.previous()):"ArrowRight"===t.key&&(t.preventDefault(),this.next()))}}class e extends HTMLElement{}class i extends HTMLElement{constructor(){var t;super(),null===(t=this.querySelector("button"))||void 0===t||t.addEventListener("click",this.close.bind(this))}close(){const t=this.closest("tp-lightbox");t&&setTimeout((()=>{t.close()}),0)}}class s extends HTMLElement{constructor(){var t;super(),null===(t=this.querySelector("button"))||void 0===t||t.addEventListener("click",this.previous.bind(this))}previous(){if("yes"===this.getAttribute("disabled"))return;const t=this.closest("tp-lightbox");t&&setTimeout((()=>{t.previous()}),0)}}class r extends HTMLElement{constructor(){var t;super(),null===(t=this.querySelector("button"))||void 0===t||t.addEventListener("click",this.next.bind(this))}next(){if("yes"===this.getAttribute("disabled"))return;const t=this.closest("tp-lightbox");t&&setTimeout((()=>{t.next()}),0)}}class n extends HTMLElement{static get observedAttributes(){return["format"]}get format(){var t;return null!==(t=this.getAttribute("format"))&&void 0!==t?t:"$current / $total"}set format(t){this.setAttribute("format",t)}attributeChangedCallback(){this.update()}update(){var t;const e=this.closest("tp-lightbox");if(!e)return;const i=e.currentIndex.toString(),s=null!==(t=e.getAttribute("total"))&&void 0!==t?t:"";this.textContent=this.format.replace("$current",i).replace("$total",s),this.setAttribute("current",i),this.setAttribute("total",s)}}class l extends HTMLElement{constructor(){var t;super(),null===(t=this.querySelector("button"))||void 0===t||t.addEventListener("click",this.trigger.bind(this))}trigger(){var t;const e=this.getAttribute("lightbox"),i=this.querySelector("template");if(!e||!i)return;const s=document.querySelector(`#${e.toString()}`);if(!s)return;const r=null!==(t=this.getAttribute("group"))&&void 0!==t?t:"";setTimeout((()=>{if(s.template=i,s.group=r,""!==r){const t=document.querySelectorAll(`tp-lightbox-trigger[group="${r}"]`);t.length&&(s.updateAllGroups(t),t.forEach(((t,e)=>{this===t&&(s.currentIndex=e+1)})))}s.open()}),0)}}class o extends HTMLElement{constructor(){var t;super(),this.template=null,this.template=this.querySelector("template"),this.lightbox=this.closest("tp-lightbox"),null===(t=this.lightbox)||void 0===t||t.addEventListener("template-set",this.setTemplate.bind(this))}setTemplate(){var t,e;if(!this.template)return;const i=Number(null!==(e=null===(t=this.lightbox)||void 0===t?void 0:t.getAttribute("total"))&&void 0!==e?e:0);this.innerHTML="";for(let t=0;t<i;t++){const t=this.template.content.cloneNode(!0);this.appendChild(t)}}}class u extends HTMLElement{constructor(){var t;super(),this.lightbox=this.closest("tp-lightbox"),null===(t=this.querySelector("button"))||void 0===t||t.addEventListener("click",this.handleClick.bind(this))}handleClick(){var t;this.lightbox&&(this.lightbox.currentIndex=null!==(t=Number(this.getIndex()))&&void 0!==t?t:1,this.lightbox.updateNavCurrentItem())}getIndex(){var t;if(!this.lightbox)return 0;const e=this.closest("tp-lightbox-nav");return Array.from(null!==(t=null==e?void 0:e.children)&&void 0!==t?t:[]).indexOf(this)+1}}customElements.define("tp-lightbox",t),customElements.define("tp-lightbox-content",e),customElements.define("tp-lightbox-close",i),customElements.define("tp-lightbox-previous",s),customElements.define("tp-lightbox-next",r),customElements.define("tp-lightbox-count",n),customElements.define("tp-lightbox-trigger",l),customElements.define("tp-lightbox-nav",o),customElements.define("tp-lightbox-nav-item",u)})();
 //# sourceMappingURL=index.js.map

package/dist/lightbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"dist/lightbox/index.js","mappings":"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","sources":["webpack://@travelopia/web-components/./src/lightbox/tp-lightbox.ts","webpack://@travelopia/web-components/./src/lightbox/tp-lightbox-content.ts","webpack://@travelopia/web-components/./src/lightbox/tp-lightbox-close.ts","webpack://@travelopia/web-components/./src/lightbox/tp-lightbox-previous.ts","webpack://@travelopia/web-components/./src/lightbox/tp-lightbox-next.ts","webpack://@travelopia/web-components/./src/lightbox/tp-lightbox-count.ts","webpack://@travelopia/web-components/./src/lightbox/tp-lightbox-trigger.ts","webpack://@travelopia/web-components/./src/lightbox/tp-lightbox-nav.ts","webpack://@travelopia/web-components/./src/lightbox/tp-lightbox-nav-item.ts","webpack://@travelopia/web-components/./src/lightbox/index.ts"],"sourcesContent":["/**\n * Internal dependencies.\n */\nimport { TPLightboxContentElement } from './tp-lightbox-content';\nimport { TPLightboxPreviousElement } from './tp-lightbox-previous';\nimport { TPLightboxNextElement } from './tp-lightbox-next';\nimport { TPLightboxTriggerElement } from './tp-lightbox-trigger';\nimport { TPLightboxCountElement } from './tp-lightbox-count';\nimport { TPLightboxNavItemElement } from './tp-lightbox-nav-item';\n\n/**\n * TP Lightbox.\n */\nexport class TPLightboxElement extends HTMLElement {\n\t/**\n\t * Properties.\n\t */\n\tprotected currentTemplate: HTMLTemplateElement | null = null;\n\tprotected currentGroup: string = '';\n\tprotected allGroups: NodeListOf<TPLightboxTriggerElement> | null = null;\n\tprotected touchStartX: number = 0;\n\tprotected touchStartY: number = 0;\n\tprotected swipeThreshold: number = 200;\n\tprotected dialogElement: HTMLDialogElement | null;\n\tprotected lightboxNavItems: NodeListOf<TPLightboxNavItemElement> | null;\n\n\t/**\n\t * Constructor.\n\t */\n\tconstructor() {\n\t\t// Initialize parent.\n\t\tsuper();\n\n\t\t// Initialize\n\t\tthis.dialogElement = this.querySelector( 'dialog' );\n\t\tthis.lightboxNavItems = this.querySelectorAll( 'tp-lightbox-nav-item' );\n\n\t\t// Event listeners.\n\t\tthis.dialogElement?.addEventListener( 'click', this.handleDialogClick.bind( this ) );\n\t\tthis.dialogElement?.addEventListener( 'touchstart', this.handleTouchStart.bind( this ) );\n\t\tthis.dialogElement?.addEventListener( 'touchend', this.handleTouchEnd.bind( this ) );\n\t}\n\n\t/**\n\t * Get observed attributes.\n\t *\n\t * @return {Array} List of observed attributes.\n\t */\n\tstatic get observedAttributes(): string[] {\n\t\t// Attributes to observe.\n\t\treturn [ 'open', 'index', 'total', 'close-on-overlay-click', 'loading' ];\n\t}\n\n\t/**\n\t * Attribute changed callback.\n\t *\n\t * @param {string} name     Attribute name.\n\t * @param {string} oldValue Old value.\n\t * @param {string} newValue New value.\n\t */\n\tattributeChangedCallback( name: string = '', oldValue: string = '', newValue: string = '' ): void {\n\t\t// Prevent redundant updates.\n\t\tif ( oldValue === newValue ) {\n\t\t\t// Early return.\n\t\t\treturn;\n\t\t}\n\n\t\t// Trigger change event.\n\t\tthis.dispatchEvent( new CustomEvent( 'change' ) );\n\n\t\t// Trigger current index target if index has changed.\n\t\tif ( 'index' === name ) {\n\t\t\tthis.triggerCurrentIndexTarget();\n\t\t}\n\n\t\t// Trigger navigation update if open or index has changed.\n\t\tif ( 'open' === name || 'index' === name ) {\n\t\t\tthis.updateNavCurrentItem();\n\t\t}\n\t}\n\n\t/**\n\t * Get template.\n\t */\n\tget template(): HTMLTemplateElement | null {\n\t\t// Return current template.\n\t\treturn this.currentTemplate;\n\t}\n\n\t/**\n\t * Set template.\n\t *\n\t * @param {HTMLTemplateElement} template The template.\n\t */\n\tset template( template: HTMLTemplateElement | null ) {\n\t\t// Set the template.\n\t\tthis.currentTemplate = template;\n\t\tthis.dispatchEvent( new CustomEvent( 'template-set' ) );\n\n\t\t// Get lightbox content element.\n\t\tconst content: TPLightboxContentElement | null = this.querySelector( 'tp-lightbox-content' );\n\n\t\t// Check if we have a content.\n\t\tif ( ! content ) {\n\t\t\t// No we don't. Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Check if we have a template.\n\t\tif ( this.currentTemplate ) {\n\t\t\t/**\n\t\t\t * We do, update content with template's content.\n\t\t\t * We do this rather than a string to avoid script injection.\n\t\t\t */\n\t\t\tconst templateContent: Node = this.currentTemplate.content.cloneNode( true );\n\t\t\tcontent.replaceChildren( templateContent );\n\t\t\tthis.dispatchEvent( new CustomEvent( 'content-change' ) );\n\n\t\t\t// Prepare image loading.\n\t\t\tsetTimeout( (): void => {\n\t\t\t\t// We do, prepare image loading.\n\t\t\t\tthis.prepareImageLoading();\n\t\t\t\tthis.prepareNavigation();\n\t\t\t}, 0 );\n\t\t} else {\n\t\t\t// We don't, set content as empty.\n\t\t\tcontent.innerHTML = '';\n\t\t}\n\t}\n\n\t/**\n\t * Get current group.\n\t */\n\tget group(): string {\n\t\t// Return current group.\n\t\treturn this.currentGroup;\n\t}\n\n\t/**\n\t * Set current group.\n\t *\n\t * @param {string} group Group name.\n\t */\n\tset group( group: string ) {\n\t\t// Set current group.\n\t\tthis.currentGroup = group;\n\t}\n\n\t/**\n\t * Get current index.\n\t */\n\tget currentIndex(): number {\n\t\t// Return current index.\n\t\treturn parseInt( this.getAttribute( 'index' ) ?? '1' );\n\t}\n\n\t/**\n\t * Set current index.\n\t *\n\t * @param {number} index Current index.\n\t */\n\tset currentIndex( index: number ) {\n\t\t// Set current index.\n\t\tif ( index < 1 ) {\n\t\t\tindex = 1;\n\t\t}\n\n\t\t// Setting this attributes triggers a re-trigger.\n\t\tthis.setAttribute( 'index', index.toString() );\n\n\t\t// dispatch slide-set event.\n\t\tthis.dispatchEvent( new CustomEvent( 'slide-set', {\n\t\t\tdetail: {\n\t\t\t\tslideIndex: index,\n\t\t\t},\n\t\t} ) );\n\t}\n\n\t/**\n\t * Trigger the target that matches the current index within current group.\n\t */\n\ttriggerCurrentIndexTarget(): void {\n\t\t// Get all groups and check if current index exists within group.\n\t\tconst allGroups: NodeListOf<TPLightboxTriggerElement> | null = this.getAllGroups();\n\n\t\t// Bail early if we don't have groups.\n\t\tif ( ! allGroups || ! allGroups[ this.currentIndex - 1 ] ) {\n\t\t\t// No we don't. Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Trigger element within group.\n\t\tallGroups[ this.currentIndex - 1 ].trigger();\n\t}\n\n\t/**\n\t * Open lightbox.\n\t */\n\topen(): void {\n\t\t// Get the dialog element.\n\t\tconst dialog: HTMLDialogElement | null = this.querySelector( 'dialog' );\n\n\t\t// Check if dialog exists or is already open.\n\t\tif ( ! dialog || dialog.open ) {\n\t\t\t// Yes it is, Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// First, take this opportunity to update all groups (if it wasn't set from the trigger).\n\t\tif ( '' !== this.group && ! this.allGroups ) {\n\t\t\tthis.updateAllGroups();\n\t\t}\n\n\t\t// Now, show the modal.\n\t\tdialog.showModal();\n\t\tthis.setAttribute( 'open', 'yes' );\n\t}\n\n\t/**\n\t * Close lightbox.\n\t */\n\tclose(): void {\n\t\t// Find and close the dialog.\n\t\tconst dialog: HTMLDialogElement | null = this.querySelector( 'dialog' );\n\t\tdialog?.close();\n\t\tthis.removeAttribute( 'open' );\n\n\t\t// Clear groups from memory.\n\t\tthis.allGroups = null;\n\t}\n\n\t/**\n\t * Navigate previous.\n\t */\n\tprevious(): void {\n\t\t// Check if we even have a group.\n\t\tif ( '' === this.group ) {\n\t\t\t// No we don't. Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Check if we have elements within group.\n\t\tconst allGroups: NodeListOf<TPLightboxTriggerElement> | null = this.getAllGroups();\n\n\t\t// Bail early if we don't have groups.\n\t\tif ( ! allGroups ) {\n\t\t\t// No we don't. Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Decrement the current index.\n\t\tif ( this.currentIndex > 1 ) {\n\t\t\tthis.currentIndex--;\n\t\t}\n\t}\n\n\t/**\n\t * Navigate next.\n\t */\n\tnext(): void {\n\t\t// Check if we even have a group.\n\t\tif ( '' === this.group ) {\n\t\t\t// No we don't. Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Check if we have elements within group.\n\t\tconst allGroups: NodeListOf<TPLightboxTriggerElement> | null = this.getAllGroups();\n\n\t\t// Bail early if we don't have groups.\n\t\tif ( ! allGroups ) {\n\t\t\t// No we don't. Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Increment the current index.\n\t\tif ( this.currentIndex < allGroups.length ) {\n\t\t\tthis.currentIndex++;\n\t\t}\n\t}\n\n\t/**\n\t * Update all groups and save it to memory.\n\t *\n\t * @param {NodeList} allGroups All groups.\n\t */\n\tupdateAllGroups( allGroups: NodeListOf<TPLightboxTriggerElement> | null = null ): void {\n\t\t// Update all groups.\n\t\tif ( allGroups && allGroups.length ) {\n\t\t\tthis.allGroups = allGroups;\n\t\t\tthis.setAttribute( 'total', this.allGroups.length.toString() );\n\n\t\t\t// Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Get all groups.\n\t\tthis.allGroups = document.querySelectorAll( `tp-lightbox-trigger[group=\"${ this.group }\"]` );\n\n\t\t// Update total.\n\t\tif ( ! this.allGroups.length ) {\n\t\t\tthis.allGroups = null;\n\t\t} else {\n\t\t\tthis.setAttribute( 'total', this.allGroups.length.toString() );\n\t\t}\n\t}\n\n\t/**\n\t * Get all groups from memory.\n\t */\n\tgetAllGroups(): NodeListOf<TPLightboxTriggerElement> | null {\n\t\t// Return all groups.\n\t\treturn this.allGroups;\n\t}\n\n\t/**\n\t * Prepare navigation.\n\t */\n\tprepareNavigation(): void {\n\t\t// Update counter.\n\t\tconst count: TPLightboxCountElement | null = this.querySelector( 'tp-lightbox-count' );\n\t\tcount?.update();\n\n\t\t// Get previous and next elements.\n\t\tconst previous: TPLightboxPreviousElement | null = this.querySelector( 'tp-lightbox-previous' );\n\t\tconst next: TPLightboxNextElement | null = this.querySelector( 'tp-lightbox-next' );\n\n\t\t// Bail early if we don't have either.\n\t\tif ( ! previous && ! next ) {\n\t\t\t// Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Check if we have a group.\n\t\tif ( '' === this.group ) {\n\t\t\tprevious?.setAttribute( 'disabled', 'yes' );\n\t\t\tnext?.setAttribute( 'disabled', 'yes' );\n\n\t\t\t// Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Check if we have elements within the group.\n\t\tconst allGroups: NodeListOf<TPLightboxTriggerElement> | null = this.getAllGroups();\n\n\t\t// Disable if we don't have any.\n\t\tif ( ! allGroups ) {\n\t\t\tprevious?.setAttribute( 'disabled', 'yes' );\n\t\t\tnext?.setAttribute( 'disabled', 'yes' );\n\n\t\t\t// Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Enable / disable previous navigation.\n\t\tif ( this.currentIndex <= 1 ) {\n\t\t\tprevious?.setAttribute( 'disabled', 'yes' );\n\t\t} else {\n\t\t\tprevious?.removeAttribute( 'disabled' );\n\t\t}\n\n\t\t// Enable / disable next navigation.\n\t\tif ( this.currentIndex < allGroups.length ) {\n\t\t\tnext?.removeAttribute( 'disabled' );\n\t\t} else {\n\t\t\tnext?.setAttribute( 'disabled', 'yes' );\n\t\t}\n\t}\n\n\t/**\n\t * Prepare image loading.\n\t */\n\tprepareImageLoading(): void {\n\t\t// Get lightbox content element.\n\t\tconst content: TPLightboxContentElement | null = this.querySelector( 'tp-lightbox-content' );\n\n\t\t// Bail early if we don't have content.\n\t\tif ( ! content ) {\n\t\t\t// Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Bail if there are no images within current content.\n\t\tconst images: NodeListOf<HTMLImageElement> = content.querySelectorAll( 'img' );\n\n\t\t// Exit early if there are no images.\n\t\tif ( ! images.length ) {\n\t\t\tthis.removeAttribute( 'loading' );\n\n\t\t\t// Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Start off by setting the state as loading.\n\t\tthis.setAttribute( 'loading', 'yes' );\n\n\t\t// Prepare increment variables.\n\t\tlet counter: number = 0;\n\t\tconst totalImages: number = images.length;\n\n\t\t/**\n\t\t * Increment counter.\n\t\t */\n\t\tconst incrementLoadingCounter = (): void => {\n\t\t\t// Increment\n\t\t\tcounter++;\n\n\t\t\t// Remove loading attribute once all images have loaded.\n\t\t\tif ( counter === totalImages ) {\n\t\t\t\tthis.removeAttribute( 'loading' );\n\t\t\t}\n\t\t};\n\n\t\t// Check if images have loaded, else add an event listener.\n\t\timages.forEach( ( image: HTMLImageElement ): void => {\n\t\t\t// Check if image has loaded.\n\t\t\tif ( image.complete ) {\n\t\t\t\tincrementLoadingCounter();\n\t\t\t} else {\n\t\t\t\timage.addEventListener( 'load', incrementLoadingCounter, { once: true } );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Handle when the dialog is clicked.\n\t *\n\t * @param {Event} e Click event.\n\t */\n\thandleDialogClick( e: MouseEvent ): void {\n\t\t// Close on overlay click.\n\t\tif (\n\t\t\t'yes' === this.getAttribute( 'close-on-overlay-click' ) &&\n\t\t\tthis.querySelector( 'dialog' ) === e.target\n\t\t) {\n\t\t\tthis.close();\n\t\t}\n\t}\n\n\t/**\n\t * Handles the touch start event.\n\t *\n\t * @param { TouchEvent } evt The touch event.\n\t */\n\thandleTouchStart( evt: TouchEvent ): void {\n\t\t// Check if we should allow swiping?\n\t\tif ( 'yes' !== this.getAttribute( 'swipe' ) ) {\n\t\t\t// Nope.\n\t\t\treturn;\n\t\t}\n\n\t\t// Set the start points.\n\t\tthis.touchStartX = evt.touches[ 0 ].clientX;\n\t\tthis.touchStartY = evt.touches[ 0 ].clientY;\n\t}\n\n\t/**\n\t * Handles the touch end event.\n\t *\n\t * @param { TouchEvent } evt The touch event.\n\t */\n\thandleTouchEnd( evt: TouchEvent ): void {\n\t\t// Check if we should allow swiping?\n\t\tif ( 'yes' !== this.getAttribute( 'swipe' ) ) {\n\t\t\t// Nope.\n\t\t\treturn;\n\t\t}\n\n\t\t// Calculate the distances.\n\t\tconst touchEndX: number = evt.changedTouches[ 0 ].clientX;\n\t\tconst touchEndY: number = evt.changedTouches[ 0 ].clientY;\n\t\tconst swipeDistanceX: number = touchEndX - this.touchStartX;\n\t\tconst swipeDistanceY: number = touchEndY - this.touchStartY;\n\n\t\t// Is this horizontal swipe?\n\t\tconst isHorizontalSwipe = Math.abs( swipeDistanceX ) > Math.abs( swipeDistanceY );\n\n\t\t// Check if this was a horizontal swipe?\n\t\tif ( ! isHorizontalSwipe ) {\n\t\t\t// Bail.\n\t\t\treturn;\n\t\t}\n\n\t\t// Swipe settings\n\t\tthis.swipeThreshold = Number( this.getAttribute( 'swipe-threshold' ) ?? '200' );\n\n\t\t// Check if it's a right or left swipe.\n\t\tif ( swipeDistanceX > 0 ) {\n\t\t\t// Right-Swipe: Check if horizontal swipe distance is less than the threshold.\n\t\t\tif ( swipeDistanceX < this.swipeThreshold ) {\n\t\t\t\tthis.previous();\n\t\t\t}\n\t\t} else if ( swipeDistanceX < 0 ) {\n\t\t\t// Left-Swipe: Check if horizontal swipe distance is less than the threshold.\n\t\t\tif ( swipeDistanceX > -this.swipeThreshold ) {\n\t\t\t\tthis.next();\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Update current item in navigation.\n\t */\n\tupdateNavCurrentItem(): void {\n\t\t// Bail if we don't have nav items.\n\t\tif ( ! this.lightboxNavItems ) {\n\t\t\t// Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Update current item.\n\t\tthis.lightboxNavItems.forEach( ( navItem: TPLightboxNavItemElement, index: number ): void => {\n\t\t\t// Update current attribute.\n\t\t\tif ( this.currentIndex - 1 === index ) {\n\t\t\t\tnavItem.setAttribute( 'current', 'yes' );\n\t\t\t} else {\n\t\t\t\tnavItem.removeAttribute( 'current' );\n\t\t\t}\n\t\t} );\n\t}\n}\n","/**\n * TP Lightbox Content.\n */\nexport class TPLightboxContentElement extends HTMLElement {\n}\n","/**\n * Internal dependencies.\n */\nimport { TPLightboxElement } from './tp-lightbox';\n\n/**\n * TP Lightbox Close.\n */\nexport class TPLightboxCloseElement extends HTMLElement {\n\t/**\n\t * Constructor.\n\t */\n\tconstructor() {\n\t\t// Initialize parent.\n\t\tsuper();\n\n\t\t// Events.\n\t\tthis.querySelector( 'button' )?.addEventListener( 'click', this.close.bind( this ) );\n\t}\n\n\t/**\n\t * Close the lightbox.\n\t */\n\tclose(): void {\n\t\t// Get lightbox.\n\t\tconst lightbox: TPLightboxElement | null = this.closest( 'tp-lightbox' );\n\n\t\t// Check if we have a lightbox.\n\t\tif ( lightbox ) {\n\t\t\tsetTimeout( (): void => {\n\t\t\t\t// Close the lightbox.\n\t\t\t\tlightbox.close();\n\t\t\t}, 0 );\n\t\t}\n\t}\n}\n","/**\n * Internal dependencies.\n */\nimport { TPLightboxElement } from './tp-lightbox';\n\n/**\n * TP Lightbox Close.\n */\nexport class TPLightboxPreviousElement extends HTMLElement {\n\t/**\n\t * Constructor.\n\t */\n\tconstructor() {\n\t\t// Initialize parent.\n\t\tsuper();\n\n\t\t// Events.\n\t\tthis.querySelector( 'button' )?.addEventListener( 'click', this.previous.bind( this ) );\n\t}\n\n\t/**\n\t * Navigate previous.\n\t */\n\tprevious(): void {\n\t\t// Check if we are disabled.\n\t\tif ( 'yes' === this.getAttribute( 'disabled' ) ) {\n\t\t\t// No we don't. Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Get lightbox.\n\t\tconst lightbox: TPLightboxElement | null = this.closest( 'tp-lightbox' );\n\n\t\t// Check if we have a lightbox.\n\t\tif ( lightbox ) {\n\t\t\tsetTimeout( (): void => {\n\t\t\t\t// Previous.\n\t\t\t\tlightbox.previous();\n\t\t\t}, 0 );\n\t\t}\n\t}\n}\n","/**\n * Internal dependencies.\n */\nimport { TPLightboxElement } from './tp-lightbox';\n\n/**\n * TP Lightbox Close.\n */\nexport class TPLightboxNextElement extends HTMLElement {\n\t/**\n\t * Constructor.\n\t */\n\tconstructor() {\n\t\t// Initialize parent.\n\t\tsuper();\n\n\t\t// Events.\n\t\tthis.querySelector( 'button' )?.addEventListener( 'click', this.next.bind( this ) );\n\t}\n\n\t/**\n\t * Navigate next.\n\t */\n\tnext(): void {\n\t\t// Check if next is disabled.\n\t\tif ( 'yes' === this.getAttribute( 'disabled' ) ) {\n\t\t\t// Yes it is. Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Get lightbox.\n\t\tconst lightbox: TPLightboxElement | null = this.closest( 'tp-lightbox' );\n\n\t\t// Check if we have a lightbox.\n\t\tif ( lightbox ) {\n\t\t\tsetTimeout( (): void => {\n\t\t\t\t// Initiate next.\n\t\t\t\tlightbox.next();\n\t\t\t}, 0 );\n\t\t}\n\t}\n}\n","/**\n * Internal dependencies.\n */\nimport { TPLightboxElement } from './tp-lightbox';\n\n/**\n * TP Slider Count.\n */\nexport class TPLightboxCountElement extends HTMLElement {\n\t/**\n\t * Get observed attributes.\n\t *\n\t * @return {Array} Observed attributes.\n\t */\n\tstatic get observedAttributes(): string[] {\n\t\t// Attributes to observe.\n\t\treturn [ 'format' ];\n\t}\n\n\t/**\n\t * Get format.\n\t *\n\t * @return {string} Format.\n\t */\n\tget format(): string {\n\t\t// Get format.\n\t\treturn this.getAttribute( 'format' ) ?? '$current / $total';\n\t}\n\n\t/**\n\t * Set format.\n\t *\n\t * @param {string} format Format.\n\t */\n\tset format( format: string ) {\n\t\t// Set the 'format' attribute value.\n\t\tthis.setAttribute( 'format', format );\n\t}\n\n\t/**\n\t * Attribute changed callback.\n\t */\n\tattributeChangedCallback(): void {\n\t\t// On change of format attribute, update the component.\n\t\tthis.update();\n\t}\n\n\t/**\n\t * Update component.\n\t */\n\tupdate(): void {\n\t\t// Get lightbox.\n\t\tconst lightbox: TPLightboxElement | null = this.closest( 'tp-lightbox' );\n\n\t\t// Check if we have a lightbox.\n\t\tif ( ! lightbox ) {\n\t\t\t// Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Get current and total.\n\t\tconst current: string = lightbox.currentIndex.toString();\n\t\tconst total: string = lightbox.getAttribute( 'total' ) ?? '';\n\n\t\t// Update variables in format attribute.\n\t\tthis.innerHTML =\n\t\t\tthis.format\n\t\t\t\t.replace( '$current', current )\n\t\t\t\t.replace( '$total', total );\n\n\t\t// Update current and total attributes.\n\t\tthis.setAttribute( 'current', current );\n\t\tthis.setAttribute( 'total', total );\n\t}\n}\n","/**\n * Internal dependencies.\n */\nimport { TPLightboxElement } from './tp-lightbox';\n\n/**\n * TP Lightbox Trigger.\n */\nexport class TPLightboxTriggerElement extends HTMLElement {\n\t/**\n\t * Constructor.\n\t */\n\tconstructor() {\n\t\t// Initialize parent.\n\t\tsuper();\n\n\t\t// Events.\n\t\tthis.querySelector( 'button' )?.addEventListener( 'click', this.trigger.bind( this ) );\n\t}\n\n\t/**\n\t * Trigger the lightbox.\n\t */\n\ttrigger(): void {\n\t\t// Get lightbox ID and template.\n\t\tconst lightboxId: string | null = this.getAttribute( 'lightbox' );\n\t\tconst template: HTMLTemplateElement | null = this.querySelector( 'template' );\n\n\t\t// We can't proceed without them.\n\t\tif ( ! lightboxId || ! template ) {\n\t\t\t// Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Get the lightbox.\n\t\tconst lightbox: TPLightboxElement | null = document.querySelector( `#${ lightboxId.toString() }` );\n\n\t\t// Check to see if we have a lightbox.\n\t\tif ( ! lightbox ) {\n\t\t\t// Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Check to see if we have a group.\n\t\tconst group: string = this.getAttribute( 'group' ) ?? '';\n\n\t\t// Yield to main thread.\n\t\tsetTimeout( (): void => {\n\t\t\t// Prepare lightbox.\n\t\t\tlightbox.template = template;\n\t\t\tlightbox.group = group;\n\n\t\t\t// Set index and group if we have them.\n\t\t\tif ( '' !== group ) {\n\t\t\t\tconst allGroups: NodeListOf<TPLightboxTriggerElement> = document.querySelectorAll( `tp-lightbox-trigger[group=\"${ group }\"]` );\n\n\t\t\t\t// Update all groups.\n\t\t\t\tif ( allGroups.length ) {\n\t\t\t\t\t/**\n\t\t\t\t\t * We do this when we're opening a lightbox, or navigating.\n\t\t\t\t\t * This allows consumers to inject elements at any point.\n\t\t\t\t\t */\n\t\t\t\t\tlightbox.updateAllGroups( allGroups );\n\n\t\t\t\t\t// Get current trigger's index within the group.\n\t\t\t\t\tallGroups.forEach( ( triggerElement: TPLightboxTriggerElement, index: number ): void => {\n\t\t\t\t\t\t// Update current index.\n\t\t\t\t\t\tif ( this === triggerElement ) {\n\t\t\t\t\t\t\tlightbox.currentIndex = index + 1;\n\t\t\t\t\t\t}\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// All done, lets open the lightbox.\n\t\t\tlightbox.open();\n\t\t}, 0 );\n\t}\n}\n","/**\n * Internal dependencies.\n */\nimport { TPLightboxElement } from './tp-lightbox';\n\n/**\n * TP Lightbox Nav.\n */\nexport class TPLightboxNavElement extends HTMLElement {\n\t/**\n\t * Properties.\n\t */\n\tprotected template: HTMLTemplateElement | null = null;\n\tprotected lightbox : TPLightboxElement | null;\n\n\t/**\n\t * Constructor.\n\t */\n\tconstructor() {\n\t\t// Initialize parent.\n\t\tsuper();\n\n\t\t// Initialize properties.\n\t\tthis.template = this.querySelector( 'template' );\n\t\tthis.lightbox = this.closest( 'tp-lightbox' );\n\n\t\t// Add event listener.\n\t\tthis.lightbox?.addEventListener( 'template-set', this.setTemplate.bind( this ) );\n\t}\n\n\t/**\n\t * Set the template.\n\t */\n\tsetTemplate(): void {\n\t\t// Bail if no template.\n\t\tif ( ! this.template ) {\n\t\t\t// Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Total slides.\n\t\tconst totalSlides = Number( this.lightbox?.getAttribute( 'total' ) ?? 0 );\n\n\t\t// Clear the navigation.\n\t\tthis.innerHTML = '';\n\n\t\t// Append the navigation items.\n\t\tfor ( let i = 0; i < totalSlides; i++ ) {\n\t\t\t// Clone the template.\n\t\t\tconst navItem = this.template.content.cloneNode( true );\n\n\t\t\t// Append the clone.\n\t\t\tthis.appendChild( navItem );\n\t\t}\n\t}\n}\n","/**\n * Internal dependencies.\n */\nimport { TPLightboxElement } from './tp-lightbox';\nimport { TPLightboxNavElement } from './tp-lightbox-nav';\n\n/**\n * TP Lightbox Nav Item.\n */\nexport class TPLightboxNavItemElement extends HTMLElement {\n\t/**\n\t * Properties.\n\t */\n\tprotected lightbox : TPLightboxElement | null;\n\n\t/**\n\t * Constructor.\n\t */\n\tconstructor() {\n\t\t// Initialize parent.\n\t\tsuper();\n\t\tthis.lightbox = this.closest( 'tp-lightbox' );\n\n\t\t// Get the nav-item button.\n\t\tthis.querySelector( 'button' )?.addEventListener( 'click', this.handleClick.bind( this ) );\n\t}\n\n\t/**\n\t * Handle when the button is clicked.\n\t */\n\thandleClick(): void {\n\t\t// Check if lightbox exists.\n\t\tif ( ! this.lightbox ) {\n\t\t\t// No its not! Terminate.\n\t\t\treturn;\n\t\t}\n\n\t\t// Set current slide.\n\t\tthis.lightbox.currentIndex = Number( this.getIndex() ) ?? 1;\n\n\t\t// Update navigation current item.\n\t\tthis.lightbox.updateNavCurrentItem();\n\t}\n\n\t/**\n\t * Get index of this item inside the navigation.\n\t *\n\t * @return {number} Index.\n\t */\n\tgetIndex(): number {\n\t\t// Bail if no lightbox.\n\t\tif ( ! this.lightbox ) {\n\t\t\t// Exit.\n\t\t\treturn 0;\n\t\t}\n\n\t\t// No, find it in the navigation.\n\t\tconst lightboxNav: TPLightboxNavElement | null = this.closest( 'tp-lightbox-nav' );\n\n\t\t// Return index of this element considering the step value.\n\t\treturn ( Array.from( lightboxNav?.children ?? [] ).indexOf( this ) ) + 1;\n\t}\n}\n","/**\n * Styles.\n */\nimport './style.scss';\n\n/**\n * Components.\n */\nimport { TPLightboxElement } from './tp-lightbox';\nimport { TPLightboxContentElement } from './tp-lightbox-content';\nimport { TPLightboxCloseElement } from './tp-lightbox-close';\nimport { TPLightboxPreviousElement } from './tp-lightbox-previous';\nimport { TPLightboxNextElement } from './tp-lightbox-next';\nimport { TPLightboxCountElement } from './tp-lightbox-count';\nimport { TPLightboxTriggerElement } from './tp-lightbox-trigger';\nimport { TPLightboxNavElement } from './tp-lightbox-nav';\nimport { TPLightboxNavItemElement } from './tp-lightbox-nav-item';\n\n/**\n * Register Components.\n */\ncustomElements.define( 'tp-lightbox', TPLightboxElement );\ncustomElements.define( 'tp-lightbox-content', TPLightboxContentElement );\ncustomElements.define( 'tp-lightbox-close', TPLightboxCloseElement );\ncustomElements.define( 'tp-lightbox-previous', TPLightboxPreviousElement );\ncustomElements.define( 'tp-lightbox-next', TPLightboxNextElement );\ncustomElements.define( 'tp-lightbox-count', TPLightboxCountElement );\ncustomElements.define( 'tp-lightbox-trigger', TPLightboxTriggerElement );\ncustomElements.define( 'tp-lightbox-nav', TPLightboxNavElement );\ncustomElements.define( 'tp-lightbox-nav-item', TPLightboxNavItemElement );\n"],"names":["TPLightboxElement","HTMLElement","constructor","super","currentTemplate","currentGroup","allGroups","touchStartX","touchStartY","swipeThreshold","this","dialogElement","querySelector","lightboxNavItems","querySelectorAll","addEventListener","handleDialogClick","bind","handleTouchStart","handleTouchEnd","observedAttributes","attributeChangedCallback","name","oldValue","newValue","dispatchEvent","CustomEvent","triggerCurrentIndexTarget","updateNavCurrentItem","template","content","templateContent","cloneNode","replaceChildren","setTimeout","prepareImageLoading","prepareNavigation","innerHTML","group","currentIndex","parseInt","getAttribute","index","setAttribute","toString","detail","slideIndex","getAllGroups","trigger","open","dialog","updateAllGroups","showModal","close","removeAttribute","previous","next","length","document","count","update","images","counter","totalImages","incrementLoadingCounter","forEach","image","complete","once","e","target","evt","touches","clientX","clientY","touchEndX","changedTouches","touchEndY","swipeDistanceX","swipeDistanceY","Math","abs","Number","navItem","TPLightboxContentElement","TPLightboxCloseElement","lightbox","closest","TPLightboxPreviousElement","TPLightboxNextElement","TPLightboxCountElement","format","current","total","replace","TPLightboxTriggerElement","lightboxId","triggerElement","TPLightboxNavElement","setTemplate","totalSlides","i","appendChild","TPLightboxNavItemElement","handleClick","getIndex","lightboxNav","Array","from","children","indexOf","customElements","define"],"sourceRoot":""}
+{"version":3,"file":"dist/lightbox/index.js","mappings":"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","sources":["webpack://@travelopia/web-components/./src/lightbox/tp-lightbox.ts","webpack://@travelopia/web-components/./src/lightbox/tp-lightbox-content.ts","webpack://@travelopia/web-components/./src/lightbox/tp-lightbox-close.ts","webpack://@travelopia/web-components/./src/lightbox/tp-lightbox-previous.ts","webpack://@travelopia/web-components/./src/lightbox/tp-lightbox-next.ts","webpack://@travelopia/web-components/./src/lightbox/tp-lightbox-count.ts","webpack://@travelopia/web-components/./src/lightbox/tp-lightbox-trigger.ts","webpack://@travelopia/web-components/./src/lightbox/tp-lightbox-nav.ts","webpack://@travelopia/web-components/./src/lightbox/tp-lightbox-nav-item.ts","webpack://@travelopia/web-components/./src/lightbox/index.ts"],"sourcesContent":["/**\n * Internal dependencies.\n */\nimport { TPLightboxContentElement } from './tp-lightbox-content';\nimport { TPLightboxPreviousElement } from './tp-lightbox-previous';\nimport { TPLightboxNextElement } from './tp-lightbox-next';\nimport { TPLightboxTriggerElement } from './tp-lightbox-trigger';\nimport { TPLightboxCountElement } from './tp-lightbox-count';\nimport { TPLightboxNavItemElement } from './tp-lightbox-nav-item';\n\n/**\n * TP Lightbox.\n */\nexport class TPLightboxElement extends HTMLElement {\n\t/**\n\t * Properties.\n\t */\n\tprotected currentTemplate: HTMLTemplateElement | null = null;\n\tprotected currentGroup: string = '';\n\tprotected allGroups: NodeListOf<TPLightboxTriggerElement> | null = null;\n\tprotected touchStartX: number = 0;\n\tprotected touchStartY: number = 0;\n\tprotected swipeThreshold: number = 200;\n\tprotected dialogElement: HTMLDialogElement | null;\n\tprotected lightboxNavItems: NodeListOf<TPLightboxNavItemElement> | null;\n\tprotected previouslyFocusedElement: HTMLElement | null = null;\n\tprotected readonly boundHandleKeyDown: ( e: KeyboardEvent ) => void;\n\n\t/**\n\t * Constructor.\n\t */\n\tconstructor() {\n\t\t// Initialize parent.\n\t\tsuper();\n\n\t\t// Bind event handlers.\n\t\tthis.boundHandleKeyDown = this.handleKeyDown.bind( this );\n\n\t\t// Initialize\n\t\tthis.dialogElement = this.querySelector( 'dialog' );\n\t\tthis.lightboxNavItems = this.querySelectorAll( 'tp-lightbox-nav-item' );\n\n\t\t// Event listeners.\n\t\tthis.dialogElement?.addEventListener( 'click', this.handleDialogClick.bind( this ) );\n\t\tthis.dialogElement?.addEventListener( 'touchstart', this.handleTouchStart.bind( this ) );\n\t\tthis.dialogElement?.addEventListener( 'touchend', this.handleTouchEnd.bind( this ) );\n\t}\n\n\t/**\n\t * Get observed attributes.\n\t *\n\t * @return {Array} List of observed attributes.\n\t */\n\tstatic get observedAttributes(): string[] {\n\t\t// Attributes to observe.\n\t\treturn [ 'open', 'index', 'total', 'close-on-overlay-click', 'loading' ];\n\t}\n\n\t/**\n\t * Attribute changed callback.\n\t *\n\t * @param {string} name     Attribute name.\n\t * @param {string} oldValue Old value.\n\t * @param {string} newValue New value.\n\t */\n\tattributeChangedCallback( name: string = '', oldValue: string = '', newValue: string = '' ): void {\n\t\t// Prevent redundant updates.\n\t\tif ( oldValue === newValue ) {\n\t\t\t// Early return.\n\t\t\treturn;\n\t\t}\n\n\t\t// Trigger change event.\n\t\tthis.dispatchEvent( new CustomEvent( 'change' ) );\n\n\t\t// Trigger current index target if index has changed.\n\t\tif ( 'index' === name ) {\n\t\t\tthis.triggerCurrentIndexTarget();\n\t\t}\n\n\t\t// Trigger navigation update if open or index has changed.\n\t\tif ( 'open' === name || 'index' === name ) {\n\t\t\tthis.updateNavCurrentItem();\n\t\t}\n\t}\n\n\t/**\n\t * Check if ARIA management is enabled.\n\t *\n\t * @return {boolean} Whether ARIA is enabled.\n\t */\n\tisAriaEnabled(): boolean {\n\t\t// Return whether ARIA management is enabled (default: yes).\n\t\treturn 'no' !== this.getAttribute( 'aria' );\n\t}\n\n\t/**\n\t * Get template.\n\t */\n\tget template(): HTMLTemplateElement | null {\n\t\t// Return current template.\n\t\treturn this.currentTemplate;\n\t}\n\n\t/**\n\t * Set template.\n\t *\n\t * @param {HTMLTemplateElement} template The template.\n\t */\n\tset template( template: HTMLTemplateElement | null ) {\n\t\t// Set the template.\n\t\tthis.currentTemplate = template;\n\t\tthis.dispatchEvent( new CustomEvent( 'template-set' ) );\n\n\t\t// Get lightbox content element.\n\t\tconst content: TPLightboxContentElement | null = this.querySelector( 'tp-lightbox-content' );\n\n\t\t// Check if we have a content.\n\t\tif ( ! content ) {\n\t\t\t// No we don't. Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Check if we have a template.\n\t\tif ( this.currentTemplate ) {\n\t\t\t/**\n\t\t\t * We do, update content with template's content.\n\t\t\t * We do this rather than a string to avoid script injection.\n\t\t\t */\n\t\t\tconst templateContent: Node = this.currentTemplate.content.cloneNode( true );\n\t\t\tcontent.replaceChildren( templateContent );\n\t\t\tthis.dispatchEvent( new CustomEvent( 'content-change' ) );\n\n\t\t\t// Prepare image loading.\n\t\t\tsetTimeout( (): void => {\n\t\t\t\t// We do, prepare image loading.\n\t\t\t\tthis.prepareImageLoading();\n\t\t\t\tthis.prepareNavigation();\n\t\t\t}, 0 );\n\t\t} else {\n\t\t\t// We don't, set content as empty.\n\t\t\tcontent.innerHTML = '';\n\t\t}\n\t}\n\n\t/**\n\t * Get current group.\n\t */\n\tget group(): string {\n\t\t// Return current group.\n\t\treturn this.currentGroup;\n\t}\n\n\t/**\n\t * Set current group.\n\t *\n\t * @param {string} group Group name.\n\t */\n\tset group( group: string ) {\n\t\t// Set current group.\n\t\tthis.currentGroup = group;\n\t}\n\n\t/**\n\t * Get current index.\n\t */\n\tget currentIndex(): number {\n\t\t// Return current index.\n\t\treturn parseInt( this.getAttribute( 'index' ) ?? '1' );\n\t}\n\n\t/**\n\t * Set current index.\n\t *\n\t * @param {number} index Current index.\n\t */\n\tset currentIndex( index: number ) {\n\t\t// Set current index.\n\t\tif ( index < 1 ) {\n\t\t\tindex = 1;\n\t\t}\n\n\t\t// Setting this attributes triggers a re-trigger.\n\t\tthis.setAttribute( 'index', index.toString() );\n\n\t\t// dispatch slide-set event.\n\t\tthis.dispatchEvent( new CustomEvent( 'slide-set', {\n\t\t\tdetail: {\n\t\t\t\tslideIndex: index,\n\t\t\t},\n\t\t} ) );\n\t}\n\n\t/**\n\t * Trigger the target that matches the current index within current group.\n\t */\n\ttriggerCurrentIndexTarget(): void {\n\t\t// Get all groups and check if current index exists within group.\n\t\tconst allGroups: NodeListOf<TPLightboxTriggerElement> | null = this.getAllGroups();\n\n\t\t// Bail early if we don't have groups.\n\t\tif ( ! allGroups || ! allGroups[ this.currentIndex - 1 ] ) {\n\t\t\t// No we don't. Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Trigger element within group.\n\t\tallGroups[ this.currentIndex - 1 ].trigger();\n\t}\n\n\t/**\n\t * Open lightbox.\n\t */\n\topen(): void {\n\t\t// Get the dialog element.\n\t\tconst dialog: HTMLDialogElement | null = this.querySelector( 'dialog' );\n\n\t\t// Check if dialog exists or is already open.\n\t\tif ( ! dialog || dialog.open ) {\n\t\t\t// Yes it is, Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Save the currently focused element to restore later (if manage-focus is enabled).\n\t\tif ( 'no' !== this.getAttribute( 'manage-focus' ) ) {\n\t\t\tthis.previouslyFocusedElement = this.ownerDocument.activeElement as HTMLElement;\n\t\t}\n\n\t\t// First, take this opportunity to update all groups (if it wasn't set from the trigger).\n\t\tif ( '' !== this.group && ! this.allGroups ) {\n\t\t\tthis.updateAllGroups();\n\t\t}\n\n\t\t// Now, show the modal.\n\t\tdialog.showModal();\n\t\tthis.setAttribute( 'open', 'yes' );\n\n\t\t// Add keyboard event listener for arrow navigation.\n\t\tdocument.addEventListener( 'keydown', this.boundHandleKeyDown );\n\n\t\t// Move focus into the lightbox (if manage-focus is enabled).\n\t\tif ( 'no' !== this.getAttribute( 'manage-focus' ) ) {\n\t\t\tthis.setInitialFocus();\n\t\t}\n\t}\n\n\t/**\n\t * Close lightbox.\n\t */\n\tclose(): void {\n\t\t// Remove keyboard event listener.\n\t\tdocument.removeEventListener( 'keydown', this.boundHandleKeyDown );\n\n\t\t// Find and close the dialog.\n\t\tconst dialog: HTMLDialogElement | null = this.querySelector( 'dialog' );\n\t\tdialog?.close();\n\t\tthis.removeAttribute( 'open' );\n\n\t\t// Restore focus to the previously focused element (if manage-focus is enabled).\n\t\tif ( 'no' !== this.getAttribute( 'manage-focus' ) && this.previouslyFocusedElement ) {\n\t\t\tthis.previouslyFocusedElement.focus();\n\t\t\tthis.previouslyFocusedElement = null;\n\t\t}\n\n\t\t// Clear groups from memory.\n\t\tthis.allGroups = null;\n\t}\n\n\t/**\n\t * Navigate previous.\n\t */\n\tprevious(): void {\n\t\t// Check if we even have a group.\n\t\tif ( '' === this.group ) {\n\t\t\t// No we don't. Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Check if we have elements within group.\n\t\tconst allGroups: NodeListOf<TPLightboxTriggerElement> | null = this.getAllGroups();\n\n\t\t// Bail early if we don't have groups.\n\t\tif ( ! allGroups ) {\n\t\t\t// No we don't. Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Decrement the current index.\n\t\tif ( this.currentIndex > 1 ) {\n\t\t\tthis.currentIndex--;\n\t\t}\n\t}\n\n\t/**\n\t * Navigate next.\n\t */\n\tnext(): void {\n\t\t// Check if we even have a group.\n\t\tif ( '' === this.group ) {\n\t\t\t// No we don't. Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Check if we have elements within group.\n\t\tconst allGroups: NodeListOf<TPLightboxTriggerElement> | null = this.getAllGroups();\n\n\t\t// Bail early if we don't have groups.\n\t\tif ( ! allGroups ) {\n\t\t\t// No we don't. Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Increment the current index.\n\t\tif ( this.currentIndex < allGroups.length ) {\n\t\t\tthis.currentIndex++;\n\t\t}\n\t}\n\n\t/**\n\t * Update all groups and save it to memory.\n\t *\n\t * @param {NodeList} allGroups All groups.\n\t */\n\tupdateAllGroups( allGroups: NodeListOf<TPLightboxTriggerElement> | null = null ): void {\n\t\t// Update all groups.\n\t\tif ( allGroups && allGroups.length ) {\n\t\t\tthis.allGroups = allGroups;\n\t\t\tthis.setAttribute( 'total', this.allGroups.length.toString() );\n\n\t\t\t// Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Get all groups.\n\t\tthis.allGroups = document.querySelectorAll( `tp-lightbox-trigger[group=\"${ this.group }\"]` );\n\n\t\t// Update total.\n\t\tif ( ! this.allGroups.length ) {\n\t\t\tthis.allGroups = null;\n\t\t} else {\n\t\t\tthis.setAttribute( 'total', this.allGroups.length.toString() );\n\t\t}\n\t}\n\n\t/**\n\t * Get all groups from memory.\n\t */\n\tgetAllGroups(): NodeListOf<TPLightboxTriggerElement> | null {\n\t\t// Return all groups.\n\t\treturn this.allGroups;\n\t}\n\n\t/**\n\t * Prepare navigation.\n\t */\n\tprepareNavigation(): void {\n\t\t// Update counter.\n\t\tconst count: TPLightboxCountElement | null = this.querySelector( 'tp-lightbox-count' );\n\t\tcount?.update();\n\n\t\t// Get previous and next elements.\n\t\tconst previous: TPLightboxPreviousElement | null = this.querySelector( 'tp-lightbox-previous' );\n\t\tconst next: TPLightboxNextElement | null = this.querySelector( 'tp-lightbox-next' );\n\n\t\t// Bail early if we don't have either.\n\t\tif ( ! previous && ! next ) {\n\t\t\t// Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Get buttons inside prev/next for ARIA.\n\t\tconst previousButton: HTMLButtonElement | null = previous?.querySelector( 'button' ) ?? null;\n\t\tconst nextButton: HTMLButtonElement | null = next?.querySelector( 'button' ) ?? null;\n\t\tconst ariaEnabled: boolean = this.isAriaEnabled();\n\n\t\t// Check if we have a group.\n\t\tif ( '' === this.group ) {\n\t\t\tprevious?.setAttribute( 'disabled', 'yes' );\n\t\t\tnext?.setAttribute( 'disabled', 'yes' );\n\n\t\t\t// Set aria-disabled on buttons.\n\t\t\tif ( ariaEnabled ) {\n\t\t\t\tpreviousButton?.setAttribute( 'aria-disabled', 'true' );\n\t\t\t\tnextButton?.setAttribute( 'aria-disabled', 'true' );\n\t\t\t}\n\n\t\t\t// Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Check if we have elements within the group.\n\t\tconst allGroups: NodeListOf<TPLightboxTriggerElement> | null = this.getAllGroups();\n\n\t\t// Disable if we don't have any.\n\t\tif ( ! allGroups ) {\n\t\t\tprevious?.setAttribute( 'disabled', 'yes' );\n\t\t\tnext?.setAttribute( 'disabled', 'yes' );\n\n\t\t\t// Set aria-disabled on buttons.\n\t\t\tif ( ariaEnabled ) {\n\t\t\t\tpreviousButton?.setAttribute( 'aria-disabled', 'true' );\n\t\t\t\tnextButton?.setAttribute( 'aria-disabled', 'true' );\n\t\t\t}\n\n\t\t\t// Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Enable / disable previous navigation.\n\t\tif ( this.currentIndex <= 1 ) {\n\t\t\tprevious?.setAttribute( 'disabled', 'yes' );\n\n\t\t\t// Set aria-disabled on previous button.\n\t\t\tif ( ariaEnabled ) {\n\t\t\t\tpreviousButton?.setAttribute( 'aria-disabled', 'true' );\n\t\t\t}\n\t\t} else {\n\t\t\tprevious?.removeAttribute( 'disabled' );\n\n\t\t\t// Remove aria-disabled from previous button.\n\t\t\tif ( ariaEnabled ) {\n\t\t\t\tpreviousButton?.removeAttribute( 'aria-disabled' );\n\t\t\t}\n\t\t}\n\n\t\t// Enable / disable next navigation.\n\t\tif ( this.currentIndex < allGroups.length ) {\n\t\t\tnext?.removeAttribute( 'disabled' );\n\n\t\t\t// Remove aria-disabled from next button.\n\t\t\tif ( ariaEnabled ) {\n\t\t\t\t// Next is at the end, disable it.\n\t\t\t\tnextButton?.removeAttribute( 'aria-disabled' );\n\t\t\t}\n\t\t} else {\n\t\t\tnext?.setAttribute( 'disabled', 'yes' );\n\n\t\t\t// Set aria-disabled on next button.\n\t\t\tif ( ariaEnabled ) {\n\t\t\t\tnextButton?.setAttribute( 'aria-disabled', 'true' );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Prepare image loading.\n\t */\n\tprepareImageLoading(): void {\n\t\t// Get lightbox content element.\n\t\tconst content: TPLightboxContentElement | null = this.querySelector( 'tp-lightbox-content' );\n\n\t\t// Bail early if we don't have content.\n\t\tif ( ! content ) {\n\t\t\t// Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Bail if there are no images within current content.\n\t\tconst images: NodeListOf<HTMLImageElement> = content.querySelectorAll( 'img' );\n\n\t\t// Exit early if there are no images.\n\t\tif ( ! images.length ) {\n\t\t\tthis.removeAttribute( 'loading' );\n\n\t\t\t// Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Start off by setting the state as loading.\n\t\tthis.setAttribute( 'loading', 'yes' );\n\n\t\t// Prepare increment variables.\n\t\tlet counter: number = 0;\n\t\tconst totalImages: number = images.length;\n\n\t\t/**\n\t\t * Increment counter.\n\t\t */\n\t\tconst incrementLoadingCounter = (): void => {\n\t\t\t// Increment\n\t\t\tcounter++;\n\n\t\t\t// Remove loading attribute once all images have loaded.\n\t\t\tif ( counter === totalImages ) {\n\t\t\t\tthis.removeAttribute( 'loading' );\n\t\t\t}\n\t\t};\n\n\t\t// Check if images have loaded, else add an event listener.\n\t\timages.forEach( ( image: HTMLImageElement ): void => {\n\t\t\t// Check if image has loaded.\n\t\t\tif ( image.complete ) {\n\t\t\t\tincrementLoadingCounter();\n\t\t\t} else {\n\t\t\t\timage.addEventListener( 'load', incrementLoadingCounter, { once: true } );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Handle when the dialog is clicked.\n\t *\n\t * @param {Event} e Click event.\n\t */\n\thandleDialogClick( e: MouseEvent ): void {\n\t\t// Close on overlay click.\n\t\tif (\n\t\t\t'yes' === this.getAttribute( 'close-on-overlay-click' ) &&\n\t\t\tthis.querySelector( 'dialog' ) === e.target\n\t\t) {\n\t\t\tthis.close();\n\t\t}\n\t}\n\n\t/**\n\t * Handles the touch start event.\n\t *\n\t * @param { TouchEvent } evt The touch event.\n\t */\n\thandleTouchStart( evt: TouchEvent ): void {\n\t\t// Check if we should allow swiping?\n\t\tif ( 'yes' !== this.getAttribute( 'swipe' ) ) {\n\t\t\t// Nope.\n\t\t\treturn;\n\t\t}\n\n\t\t// Set the start points.\n\t\tthis.touchStartX = evt.touches[ 0 ].clientX;\n\t\tthis.touchStartY = evt.touches[ 0 ].clientY;\n\t}\n\n\t/**\n\t * Handles the touch end event.\n\t *\n\t * @param { TouchEvent } evt The touch event.\n\t */\n\thandleTouchEnd( evt: TouchEvent ): void {\n\t\t// Check if we should allow swiping?\n\t\tif ( 'yes' !== this.getAttribute( 'swipe' ) ) {\n\t\t\t// Nope.\n\t\t\treturn;\n\t\t}\n\n\t\t// Calculate the distances.\n\t\tconst touchEndX: number = evt.changedTouches[ 0 ].clientX;\n\t\tconst touchEndY: number = evt.changedTouches[ 0 ].clientY;\n\t\tconst swipeDistanceX: number = touchEndX - this.touchStartX;\n\t\tconst swipeDistanceY: number = touchEndY - this.touchStartY;\n\n\t\t// Is this horizontal swipe?\n\t\tconst isHorizontalSwipe = Math.abs( swipeDistanceX ) > Math.abs( swipeDistanceY );\n\n\t\t// Check if this was a horizontal swipe?\n\t\tif ( ! isHorizontalSwipe ) {\n\t\t\t// Bail.\n\t\t\treturn;\n\t\t}\n\n\t\t// Swipe settings\n\t\tthis.swipeThreshold = Number( this.getAttribute( 'swipe-threshold' ) ?? '200' );\n\n\t\t// Check if it's a right or left swipe.\n\t\tif ( swipeDistanceX > 0 ) {\n\t\t\t// Right-Swipe: Check if horizontal swipe distance is less than the threshold.\n\t\t\tif ( swipeDistanceX < this.swipeThreshold ) {\n\t\t\t\tthis.previous();\n\t\t\t}\n\t\t} else if ( swipeDistanceX < 0 ) {\n\t\t\t// Left-Swipe: Check if horizontal swipe distance is less than the threshold.\n\t\t\tif ( swipeDistanceX > -this.swipeThreshold ) {\n\t\t\t\tthis.next();\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Update current item in navigation.\n\t */\n\tupdateNavCurrentItem(): void {\n\t\t// Bail if we don't have nav items.\n\t\tif ( ! this.lightboxNavItems ) {\n\t\t\t// Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Check if ARIA management is enabled.\n\t\tconst ariaEnabled = this.isAriaEnabled();\n\n\t\t// Update current item.\n\t\tthis.lightboxNavItems.forEach( ( navItem: TPLightboxNavItemElement, index: number ): void => {\n\t\t\t// Get the button inside the nav item.\n\t\t\tconst button: HTMLButtonElement | null = navItem.querySelector( 'button' );\n\n\t\t\t// Update current attribute.\n\t\t\tif ( this.currentIndex - 1 === index ) {\n\t\t\t\tnavItem.setAttribute( 'current', 'yes' );\n\n\t\t\t\t// Set aria-current on the button (if ARIA is enabled).\n\t\t\t\tif ( ariaEnabled && button ) {\n\t\t\t\t\tbutton.setAttribute( 'aria-current', 'true' );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tnavItem.removeAttribute( 'current' );\n\n\t\t\t\t// Remove aria-current from the button (if ARIA is enabled).\n\t\t\t\tif ( ariaEnabled && button ) {\n\t\t\t\t\tbutton.removeAttribute( 'aria-current' );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Set initial focus when lightbox opens.\n\t * Looks for [autofocus] element, otherwise focuses the dialog.\n\t */\n\tprivate setInitialFocus(): void {\n\t\t// Look for an element with autofocus attribute.\n\t\tconst autofocusElement = this.querySelector<HTMLElement>( '[autofocus]' );\n\n\t\t// Do we have an autofocus element?\n\t\tif ( autofocusElement ) {\n\t\t\tautofocusElement.focus();\n\n\t\t\t// Early return.\n\t\t\treturn;\n\t\t}\n\n\t\t// Otherwise, focus the dialog itself.\n\t\tthis.dialogElement?.focus();\n\t}\n\n\t/**\n\t * Handle keydown events for arrow navigation.\n\t *\n\t * @param {KeyboardEvent} e Keyboard event.\n\t */\n\tprivate handleKeyDown( e: KeyboardEvent ): void {\n\t\t// Check if arrow navigation is enabled (disabled by default).\n\t\tif ( 'yes' !== this.getAttribute( 'arrow-navigation' ) ) {\n\t\t\t// Early return.\n\t\t\treturn;\n\t\t}\n\n\t\t// Navigate on arrow keys.\n\t\tif ( 'ArrowLeft' === e.key ) {\n\t\t\te.preventDefault();\n\t\t\tthis.previous();\n\t\t} else if ( 'ArrowRight' === e.key ) {\n\t\t\te.preventDefault();\n\t\t\tthis.next();\n\t\t}\n\t}\n}\n","/**\n * TP Lightbox Content.\n */\nexport class TPLightboxContentElement extends HTMLElement {\n}\n","/**\n * Internal dependencies.\n */\nimport { TPLightboxElement } from './tp-lightbox';\n\n/**\n * TP Lightbox Close.\n */\nexport class TPLightboxCloseElement extends HTMLElement {\n\t/**\n\t * Constructor.\n\t */\n\tconstructor() {\n\t\t// Initialize parent.\n\t\tsuper();\n\n\t\t// Events.\n\t\tthis.querySelector( 'button' )?.addEventListener( 'click', this.close.bind( this ) );\n\t}\n\n\t/**\n\t * Close the lightbox.\n\t */\n\tclose(): void {\n\t\t// Get lightbox.\n\t\tconst lightbox: TPLightboxElement | null = this.closest( 'tp-lightbox' );\n\n\t\t// Check if we have a lightbox.\n\t\tif ( lightbox ) {\n\t\t\tsetTimeout( (): void => {\n\t\t\t\t// Close the lightbox.\n\t\t\t\tlightbox.close();\n\t\t\t}, 0 );\n\t\t}\n\t}\n}\n","/**\n * Internal dependencies.\n */\nimport { TPLightboxElement } from './tp-lightbox';\n\n/**\n * TP Lightbox Close.\n */\nexport class TPLightboxPreviousElement extends HTMLElement {\n\t/**\n\t * Constructor.\n\t */\n\tconstructor() {\n\t\t// Initialize parent.\n\t\tsuper();\n\n\t\t// Events.\n\t\tthis.querySelector( 'button' )?.addEventListener( 'click', this.previous.bind( this ) );\n\t}\n\n\t/**\n\t * Navigate previous.\n\t */\n\tprevious(): void {\n\t\t// Check if we are disabled.\n\t\tif ( 'yes' === this.getAttribute( 'disabled' ) ) {\n\t\t\t// No we don't. Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Get lightbox.\n\t\tconst lightbox: TPLightboxElement | null = this.closest( 'tp-lightbox' );\n\n\t\t// Check if we have a lightbox.\n\t\tif ( lightbox ) {\n\t\t\tsetTimeout( (): void => {\n\t\t\t\t// Previous.\n\t\t\t\tlightbox.previous();\n\t\t\t}, 0 );\n\t\t}\n\t}\n}\n","/**\n * Internal dependencies.\n */\nimport { TPLightboxElement } from './tp-lightbox';\n\n/**\n * TP Lightbox Close.\n */\nexport class TPLightboxNextElement extends HTMLElement {\n\t/**\n\t * Constructor.\n\t */\n\tconstructor() {\n\t\t// Initialize parent.\n\t\tsuper();\n\n\t\t// Events.\n\t\tthis.querySelector( 'button' )?.addEventListener( 'click', this.next.bind( this ) );\n\t}\n\n\t/**\n\t * Navigate next.\n\t */\n\tnext(): void {\n\t\t// Check if next is disabled.\n\t\tif ( 'yes' === this.getAttribute( 'disabled' ) ) {\n\t\t\t// Yes it is. Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Get lightbox.\n\t\tconst lightbox: TPLightboxElement | null = this.closest( 'tp-lightbox' );\n\n\t\t// Check if we have a lightbox.\n\t\tif ( lightbox ) {\n\t\t\tsetTimeout( (): void => {\n\t\t\t\t// Initiate next.\n\t\t\t\tlightbox.next();\n\t\t\t}, 0 );\n\t\t}\n\t}\n}\n","/**\n * Internal dependencies.\n */\nimport { TPLightboxElement } from './tp-lightbox';\n\n/**\n * TP Slider Count.\n */\nexport class TPLightboxCountElement extends HTMLElement {\n\t/**\n\t * Get observed attributes.\n\t *\n\t * @return {Array} Observed attributes.\n\t */\n\tstatic get observedAttributes(): string[] {\n\t\t// Attributes to observe.\n\t\treturn [ 'format' ];\n\t}\n\n\t/**\n\t * Get format.\n\t *\n\t * @return {string} Format.\n\t */\n\tget format(): string {\n\t\t// Get format.\n\t\treturn this.getAttribute( 'format' ) ?? '$current / $total';\n\t}\n\n\t/**\n\t * Set format.\n\t *\n\t * @param {string} format Format.\n\t */\n\tset format( format: string ) {\n\t\t// Set the 'format' attribute value.\n\t\tthis.setAttribute( 'format', format );\n\t}\n\n\t/**\n\t * Attribute changed callback.\n\t */\n\tattributeChangedCallback(): void {\n\t\t// On change of format attribute, update the component.\n\t\tthis.update();\n\t}\n\n\t/**\n\t * Update component.\n\t */\n\tupdate(): void {\n\t\t// Get lightbox.\n\t\tconst lightbox: TPLightboxElement | null = this.closest( 'tp-lightbox' );\n\n\t\t// Check if we have a lightbox.\n\t\tif ( ! lightbox ) {\n\t\t\t// Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Get current and total.\n\t\tconst current: string = lightbox.currentIndex.toString();\n\t\tconst total: string = lightbox.getAttribute( 'total' ) ?? '';\n\n\t\t// Update variables in format attribute (using textContent for XSS protection).\n\t\tthis.textContent =\n\t\t\tthis.format\n\t\t\t\t.replace( '$current', current )\n\t\t\t\t.replace( '$total', total );\n\n\t\t// Update current and total attributes.\n\t\tthis.setAttribute( 'current', current );\n\t\tthis.setAttribute( 'total', total );\n\t}\n}\n","/**\n * Internal dependencies.\n */\nimport { TPLightboxElement } from './tp-lightbox';\n\n/**\n * TP Lightbox Trigger.\n */\nexport class TPLightboxTriggerElement extends HTMLElement {\n\t/**\n\t * Constructor.\n\t */\n\tconstructor() {\n\t\t// Initialize parent.\n\t\tsuper();\n\n\t\t// Events.\n\t\tthis.querySelector( 'button' )?.addEventListener( 'click', this.trigger.bind( this ) );\n\t}\n\n\t/**\n\t * Trigger the lightbox.\n\t */\n\ttrigger(): void {\n\t\t// Get lightbox ID and template.\n\t\tconst lightboxId: string | null = this.getAttribute( 'lightbox' );\n\t\tconst template: HTMLTemplateElement | null = this.querySelector( 'template' );\n\n\t\t// We can't proceed without them.\n\t\tif ( ! lightboxId || ! template ) {\n\t\t\t// Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Get the lightbox.\n\t\tconst lightbox: TPLightboxElement | null = document.querySelector( `#${ lightboxId.toString() }` );\n\n\t\t// Check to see if we have a lightbox.\n\t\tif ( ! lightbox ) {\n\t\t\t// Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Check to see if we have a group.\n\t\tconst group: string = this.getAttribute( 'group' ) ?? '';\n\n\t\t// Yield to main thread.\n\t\tsetTimeout( (): void => {\n\t\t\t// Prepare lightbox.\n\t\t\tlightbox.template = template;\n\t\t\tlightbox.group = group;\n\n\t\t\t// Set index and group if we have them.\n\t\t\tif ( '' !== group ) {\n\t\t\t\tconst allGroups: NodeListOf<TPLightboxTriggerElement> = document.querySelectorAll( `tp-lightbox-trigger[group=\"${ group }\"]` );\n\n\t\t\t\t// Update all groups.\n\t\t\t\tif ( allGroups.length ) {\n\t\t\t\t\t/**\n\t\t\t\t\t * We do this when we're opening a lightbox, or navigating.\n\t\t\t\t\t * This allows consumers to inject elements at any point.\n\t\t\t\t\t */\n\t\t\t\t\tlightbox.updateAllGroups( allGroups );\n\n\t\t\t\t\t// Get current trigger's index within the group.\n\t\t\t\t\tallGroups.forEach( ( triggerElement: TPLightboxTriggerElement, index: number ): void => {\n\t\t\t\t\t\t// Update current index.\n\t\t\t\t\t\tif ( this === triggerElement ) {\n\t\t\t\t\t\t\tlightbox.currentIndex = index + 1;\n\t\t\t\t\t\t}\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// All done, lets open the lightbox.\n\t\t\tlightbox.open();\n\t\t}, 0 );\n\t}\n}\n","/**\n * Internal dependencies.\n */\nimport { TPLightboxElement } from './tp-lightbox';\n\n/**\n * TP Lightbox Nav.\n */\nexport class TPLightboxNavElement extends HTMLElement {\n\t/**\n\t * Properties.\n\t */\n\tprotected template: HTMLTemplateElement | null = null;\n\tprotected lightbox : TPLightboxElement | null;\n\n\t/**\n\t * Constructor.\n\t */\n\tconstructor() {\n\t\t// Initialize parent.\n\t\tsuper();\n\n\t\t// Initialize properties.\n\t\tthis.template = this.querySelector( 'template' );\n\t\tthis.lightbox = this.closest( 'tp-lightbox' );\n\n\t\t// Add event listener.\n\t\tthis.lightbox?.addEventListener( 'template-set', this.setTemplate.bind( this ) );\n\t}\n\n\t/**\n\t * Set the template.\n\t */\n\tsetTemplate(): void {\n\t\t// Bail if no template.\n\t\tif ( ! this.template ) {\n\t\t\t// Exit.\n\t\t\treturn;\n\t\t}\n\n\t\t// Total slides.\n\t\tconst totalSlides = Number( this.lightbox?.getAttribute( 'total' ) ?? 0 );\n\n\t\t// Clear the navigation.\n\t\tthis.innerHTML = '';\n\n\t\t// Append the navigation items.\n\t\tfor ( let i = 0; i < totalSlides; i++ ) {\n\t\t\t// Clone the template.\n\t\t\tconst navItem = this.template.content.cloneNode( true );\n\n\t\t\t// Append the clone.\n\t\t\tthis.appendChild( navItem );\n\t\t}\n\t}\n}\n","/**\n * Internal dependencies.\n */\nimport { TPLightboxElement } from './tp-lightbox';\nimport { TPLightboxNavElement } from './tp-lightbox-nav';\n\n/**\n * TP Lightbox Nav Item.\n */\nexport class TPLightboxNavItemElement extends HTMLElement {\n\t/**\n\t * Properties.\n\t */\n\tprotected lightbox : TPLightboxElement | null;\n\n\t/**\n\t * Constructor.\n\t */\n\tconstructor() {\n\t\t// Initialize parent.\n\t\tsuper();\n\t\tthis.lightbox = this.closest( 'tp-lightbox' );\n\n\t\t// Get the nav-item button.\n\t\tthis.querySelector( 'button' )?.addEventListener( 'click', this.handleClick.bind( this ) );\n\t}\n\n\t/**\n\t * Handle when the button is clicked.\n\t */\n\thandleClick(): void {\n\t\t// Check if lightbox exists.\n\t\tif ( ! this.lightbox ) {\n\t\t\t// No its not! Terminate.\n\t\t\treturn;\n\t\t}\n\n\t\t// Set current slide.\n\t\tthis.lightbox.currentIndex = Number( this.getIndex() ) ?? 1;\n\n\t\t// Update navigation current item.\n\t\tthis.lightbox.updateNavCurrentItem();\n\t}\n\n\t/**\n\t * Get index of this item inside the navigation.\n\t *\n\t * @return {number} Index.\n\t */\n\tgetIndex(): number {\n\t\t// Bail if no lightbox.\n\t\tif ( ! this.lightbox ) {\n\t\t\t// Exit.\n\t\t\treturn 0;\n\t\t}\n\n\t\t// No, find it in the navigation.\n\t\tconst lightboxNav: TPLightboxNavElement | null = this.closest( 'tp-lightbox-nav' );\n\n\t\t// Return index of this element considering the step value.\n\t\treturn ( Array.from( lightboxNav?.children ?? [] ).indexOf( this ) ) + 1;\n\t}\n}\n","/**\n * Styles.\n */\nimport './style.scss';\n\n/**\n * Components.\n */\nimport { TPLightboxElement } from './tp-lightbox';\nimport { TPLightboxContentElement } from './tp-lightbox-content';\nimport { TPLightboxCloseElement } from './tp-lightbox-close';\nimport { TPLightboxPreviousElement } from './tp-lightbox-previous';\nimport { TPLightboxNextElement } from './tp-lightbox-next';\nimport { TPLightboxCountElement } from './tp-lightbox-count';\nimport { TPLightboxTriggerElement } from './tp-lightbox-trigger';\nimport { TPLightboxNavElement } from './tp-lightbox-nav';\nimport { TPLightboxNavItemElement } from './tp-lightbox-nav-item';\n\n/**\n * Register Components.\n */\ncustomElements.define( 'tp-lightbox', TPLightboxElement );\ncustomElements.define( 'tp-lightbox-content', TPLightboxContentElement );\ncustomElements.define( 'tp-lightbox-close', TPLightboxCloseElement );\ncustomElements.define( 'tp-lightbox-previous', TPLightboxPreviousElement );\ncustomElements.define( 'tp-lightbox-next', TPLightboxNextElement );\ncustomElements.define( 'tp-lightbox-count', TPLightboxCountElement );\ncustomElements.define( 'tp-lightbox-trigger', TPLightboxTriggerElement );\ncustomElements.define( 'tp-lightbox-nav', TPLightboxNavElement );\ncustomElements.define( 'tp-lightbox-nav-item', TPLightboxNavItemElement );\n"],"names":["TPLightboxElement","HTMLElement","constructor","super","currentTemplate","currentGroup","allGroups","touchStartX","touchStartY","swipeThreshold","previouslyFocusedElement","this","boundHandleKeyDown","handleKeyDown","bind","dialogElement","querySelector","lightboxNavItems","querySelectorAll","addEventListener","handleDialogClick","handleTouchStart","handleTouchEnd","observedAttributes","attributeChangedCallback","name","oldValue","newValue","dispatchEvent","CustomEvent","triggerCurrentIndexTarget","updateNavCurrentItem","isAriaEnabled","getAttribute","template","content","templateContent","cloneNode","replaceChildren","setTimeout","prepareImageLoading","prepareNavigation","innerHTML","group","currentIndex","parseInt","index","setAttribute","toString","detail","slideIndex","getAllGroups","trigger","open","dialog","ownerDocument","activeElement","updateAllGroups","showModal","document","setInitialFocus","close","removeEventListener","removeAttribute","focus","previous","next","length","count","update","previousButton","nextButton","ariaEnabled","images","counter","totalImages","incrementLoadingCounter","forEach","image","complete","once","e","target","evt","touches","clientX","clientY","touchEndX","changedTouches","touchEndY","swipeDistanceX","swipeDistanceY","Math","abs","Number","navItem","button","autofocusElement","key","preventDefault","TPLightboxContentElement","TPLightboxCloseElement","lightbox","closest","TPLightboxPreviousElement","TPLightboxNextElement","TPLightboxCountElement","format","current","total","textContent","replace","TPLightboxTriggerElement","lightboxId","triggerElement","TPLightboxNavElement","setTemplate","totalSlides","i","appendChild","TPLightboxNavItemElement","handleClick","getIndex","lightboxNav","Array","from","children","indexOf","customElements","define"],"sourceRoot":""}

package/dist/multi-select/index.js

@@ -1,2 +1,2 @@
-(()=>{"use strict";class t extends HTMLElement{constructor(){super(),this.currentlyHighlightedOption=-1,this.keyboardEventListener=this.handleKeyboardInputs.bind(this),document.addEventListener("click",this.handleDocumentClick.bind(this)),this.addEventListener("change",this.update.bind(this));const t=this.querySelector("tp-multi-select-options");t&&new MutationObserver(this.initialize.bind(this)).observe(t,{childList:!0,subtree:!0}),this.initialize()}static get observedAttributes(){return["open"]}attributeChangedCallback(t="",e="",l=""){e!==l&&"open"===t&&("yes"===l?(document.addEventListener("keydown",this.keyboardEventListener),this.dispatchEvent(new CustomEvent("open",{bubbles:!0}))):(this.unHighlightAllOptions(),document.removeEventListener("keydown",this.keyboardEventListener),this.dispatchEvent(new CustomEvent("close",{bubbles:!0}))))}set value(t){if(!t||!Array.isArray(t))return;const e=this.querySelectorAll("tp-multi-select-option");null==e||e.forEach((e=>{var l;t.includes(null!==(l=e.getAttribute("value"))&&void 0!==l?l:"")?e.setAttribute("selected","yes"):e.removeAttribute("selected")})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0}))}get value(){const t=[],e=this.querySelectorAll("select option[selected]");return null==e||e.forEach((e=>{const l=e.getAttribute("value");l&&t.push(l)})),t}updateFormFieldValue(){const t=this.querySelectorAll("tp-multi-select-option"),e=this.querySelector("select");if(!t||!e)return;const l=Array.from(e.options);t.forEach((t=>{var i,s;const n=null!==(i=t.getAttribute("value"))&&void 0!==i?i:"";if(n){const i=l.find((t=>t.value===n));if("yes"===t.getAttribute("selected"))if(i)i.setAttribute("selected","selected");else{const l=document.createElement("option");l.setAttribute("value",null!==(s=t.getAttribute("value"))&&void 0!==s?s:""),l.setAttribute("selected","selected"),null==e||e.append(l)}else null==i||i.remove()}})),e.dispatchEvent(new Event("change"))}update(){this.updateFormFieldValue();const t=this.value;0!==t.length?this.setAttribute("selected","yes"):this.removeAttribute("selected");const e=this.querySelector("tp-multi-select-status");e&&(t.length>0?e.setAttribute("total",t.length.toString()):e.removeAttribute("total"))}handleDocumentClick(t){this===t.target||this.contains(t.target)||this.removeAttribute("open")}initialize(){var t;let e=this.querySelector("select");if(e)e.innerHTML="";else{e=document.createElement("select"),e.setAttribute("name",null!==(t=this.getAttribute("name"))&&void 0!==t?t:"");const l=this.getAttribute("form");l&&e.setAttribute("form",l),"no"!==this.getAttribute("multiple")&&e.setAttribute("multiple","multiple"),this.append(e)}this.update()}select(t=""){if("no"===this.getAttribute("multiple")&&(this.unSelectAll(),""===t))return void("yes"===this.getAttribute("close-on-select")&&this.removeAttribute("open"));const e=this.querySelectorAll(`tp-multi-select-option[value="${t}"]`);null==e||e.forEach((t=>{"yes"!==t.getAttribute("disabled")&&t.setAttribute("selected","yes")}));const l=this.querySelector("tp-multi-select-search");null==l||l.clear(),null==l||l.focus(),"yes"===this.getAttribute("close-on-select")&&this.removeAttribute("open"),this.update()}selectAll(){const t=this.querySelectorAll("tp-multi-select-option");null==t||t.forEach((t=>{"yes"!==t.getAttribute("disabled")&&t.setAttribute("selected","yes")})),this.update()}unSelect(t=""){const e=this.querySelectorAll(`tp-multi-select-option[value="${t}"]`);null==e||e.forEach((t=>{t.removeAttribute("selected")})),this.update()}unSelectAll(){const t=this.querySelectorAll("tp-multi-select-option");null==t||t.forEach((t=>{t.removeAttribute("selected")})),this.update()}handleKeyboardInputs(t){switch(t.key){case"ArrowDown":t.preventDefault(),this.highlightNextOption();break;case"ArrowUp":t.preventDefault(),this.highlightPreviousOption();break;case"Enter":this.toggleHighlightedOption();break;case"Escape":this.unHighlightAllOptions(),this.removeAttribute("open")}}highlightNextOption(){const t=this.querySelectorAll('tp-multi-select-option:not([hidden="yes"])');if(!t)return void(this.currentlyHighlightedOption=-1);let e=this.currentlyHighlightedOption+1;for(;e<t.length&&"yes"===t[e].getAttribute("disabled");)e++;e!==t.length&&(-1!==this.currentlyHighlightedOption&&t[this.currentlyHighlightedOption].removeAttribute("highlighted"),t[e].setAttribute("highlighted","yes"),t[e].scrollIntoView({behavior:"smooth",block:"nearest"}),this.currentlyHighlightedOption=e)}highlightPreviousOption(){const t=this.querySelectorAll('tp-multi-select-option:not([hidden="yes"])');if(!t)return void(this.currentlyHighlightedOption=-1);let e=this.currentlyHighlightedOption-1;for(;e>=0&&"yes"===t[e].getAttribute("disabled");)e--;e<0||(0!==this.currentlyHighlightedOption&&t[this.currentlyHighlightedOption].removeAttribute("highlighted"),t[e].setAttribute("highlighted","yes"),t[e].scrollIntoView({behavior:"smooth",block:"nearest"}),this.currentlyHighlightedOption=e)}toggleHighlightedOption(){const t=this.querySelector('tp-multi-select-option[highlighted="yes"]');null==t||t.toggle(null)}unHighlightAllOptions(){this.currentlyHighlightedOption=-1;const t=this.querySelectorAll("tp-multi-select-option");t&&t.forEach((t=>{t.removeAttribute("highlighted")}))}}class e extends HTMLElement{constructor(){super(),this.addEventListener("click",this.toggleOpen.bind(this))}toggleOpen(){const t=this.closest("tp-multi-select");t&&("yes"===t.getAttribute("open")?t.removeAttribute("open"):t.setAttribute("open","yes"))}}class l extends HTMLElement{}class i extends HTMLElement{static get observedAttributes(){return["total","format"]}attributeChangedCallback(t="",e="",l=""){e!==l&&this.update()}update(){var t,e,l,i;const s=null!==(t=this.getAttribute("format"))&&void 0!==t?t:"$total Selected";let n=s.replace("$total",null!==(e=this.getAttribute("total"))&&void 0!==e?e:"");if(s.includes("$value")){const t=this.closest("tp-multi-select");if(t){const e=null!==(l=t.value)&&void 0!==l?l:[];let s="";if(e.length>0){const l=t.querySelector(`tp-multi-select-option[value="${e[0]}"]`);l&&(s=null!==(i=l.getAttribute("label"))&&void 0!==i?i:"")}n=n.replace("$value",s)}}this.innerHTML=n}}class s extends HTMLElement{}class n extends HTMLElement{constructor(){super(),this.addEventListener("click",this.toggle.bind(this))}toggle(t){var e;null==t||t.preventDefault(),null==t||t.stopPropagation();const l=this.closest("tp-multi-select"),i=null!==(e=this.getAttribute("value"))&&void 0!==e?e:"";"yes"!==this.getAttribute("selected")?(null==l||l.select(i),null==l||l.dispatchEvent(new CustomEvent("select",{bubbles:!0,detail:{value:i}}))):(null==l||l.unSelect(i),null==l||l.dispatchEvent(new CustomEvent("unselect",{bubbles:!0,detail:{value:i}}))),null==l||l.dispatchEvent(new CustomEvent("change",{bubbles:!0}))}}class u extends HTMLElement{constructor(){var t;super();const e=this.querySelector("input");e&&(e.addEventListener("keydown",this.handleKeyboardInputs.bind(this)),e.addEventListener("keyup",this.handleSearchChange.bind(this)),e.addEventListener("input",this.handleSearchChange.bind(this)),this.addEventListener("click",this.handleClick.bind(this)),null===(t=this.closest("tp-multi-select"))||void 0===t||t.addEventListener("open",this.focus.bind(this)))}handleKeyboardInputs(t){const e=this.closest("tp-multi-select"),l=this.querySelector("input");if(e&&l)switch(t.key){case"Enter":t.preventDefault();break;case"ArrowDown":e.setAttribute("open","yes");break;case"Backspace":if(0===l.value.length){const t=e.querySelector("tp-multi-select-pill:last-of-type");t&&t.removePill()}}}handleSearchChange(){var t;const e=this.closest("tp-multi-select"),l=this.querySelector("input"),i=null===(t=this.closest("tp-multi-select"))||void 0===t?void 0:t.querySelectorAll("tp-multi-select-option");if(!e||!l||!i)return;let s=0;i.forEach((t=>{var e;(null===(e=t.getAttribute("label"))||void 0===e?void 0:e.toLowerCase().match(new RegExp(`.*${l.value.toLowerCase().replace(/\s/g,".*")}.*`)))?(t.removeAttribute("hidden"),s++):t.setAttribute("hidden","yes")})),""===l.value?l.removeAttribute("style"):(l.style.width=`${l.value.length+2}ch`,e.setAttribute("open","yes")),e.setAttribute("visible-options",s.toString())}handleClick(t){var e;t.preventDefault(),t.stopPropagation(),this.dispatchEvent(new CustomEvent("multi-select-opened")),document.dispatchEvent(new Event("click")),null===(e=this.closest("tp-multi-select"))||void 0===e||e.setAttribute("open","yes")}clear(){const t=this.querySelector("input");t&&(t.value="",t.dispatchEvent(new Event("change")))}focus(){var t;this.handleSearchChange(),null===(t=this.querySelector("input"))||void 0===t||t.focus()}}class o extends HTMLElement{constructor(){var t;super(),null===(t=this.querySelector("button"))||void 0===t||t.addEventListener("click",this.handleButtonClick.bind(this))}handleButtonClick(t){null==t||t.preventDefault(),null==t||t.stopPropagation(),this.removePill()}removePill(){var t;const e=this.closest("tp-multi-select");e&&this.getAttribute("value")&&(e.unSelect(null!==(t=this.getAttribute("value"))&&void 0!==t?t:""),e.dispatchEvent(new CustomEvent("unselect",{bubbles:!0})),e.dispatchEvent(new CustomEvent("change",{bubbles:!0})))}}class r extends HTMLElement{constructor(){var t,e,l;super(),null===(t=this.closest("tp-multi-select"))||void 0===t||t.addEventListener("change",this.update.bind(this)),null===(l=null===(e=this.closest("tp-multi-select"))||void 0===e?void 0:e.querySelector("select"))||void 0===l||l.addEventListener("change",(()=>this.update())),this.update()}update(){var t;const e=this.closest("tp-multi-select");if(!e)return;const l=this.querySelectorAll("tp-multi-select-pill"),i=null!==(t=[...new Set(e.value)])&&void 0!==t?t:[],s=[];l.forEach((t=>{var e;const l=null!==(e=t.getAttribute("value"))&&void 0!==e?e:"";""!==l&&(s.push(l),i.includes(l)||t.remove())})),i.filter((t=>!s.includes(t))).forEach((t=>{var l;if(""===t)return;const i=e.querySelector(`tp-multi-select-option[value="${t}"]`);i&&this.appendChild(this.createPill(t,null!==(l=i.getAttribute("label"))&&void 0!==l?l:""))}))}createPill(t,e){const l=document.createElement("tp-multi-select-pill");l.setAttribute("value",t);const i=document.createElement("span");i.textContent=e;const s=document.createElement("button");return s.setAttribute("type","button"),s.textContent="x",s.addEventListener("click",(()=>{l.removePill()})),l.appendChild(i),l.appendChild(s),l}}class c extends HTMLElement{constructor(){var t;super(),null===(t=this.closest("tp-multi-select"))||void 0===t||t.addEventListener("change",this.handleValueChanged.bind(this)),this.addEventListener("click",this.toggleSelectAll.bind(this))}handleValueChanged(){var t,e;const l=this.closest("tp-multi-select"),i=null==l?void 0:l.querySelectorAll("tp-multi-select-option");l&&i&&(Array.from(i).filter((t=>"yes"!==t.getAttribute("disabled"))).length===l.value.length?(this.setAttribute("selected","yes"),this.innerHTML=null!==(t=this.getAttribute("unselect-text"))&&void 0!==t?t:""):(this.removeAttribute("selected"),this.innerHTML=null!==(e=this.getAttribute("select-text"))&&void 0!==e?e:""))}toggleSelectAll(){const t=this.closest("tp-multi-select");t&&("yes"!==this.getAttribute("selected")?(t.selectAll(),t.dispatchEvent(new CustomEvent("select-all",{bubbles:!0}))):(t.unSelectAll(),t.dispatchEvent(new CustomEvent("unselect-all",{bubbles:!0}))),t.dispatchEvent(new CustomEvent("change",{bubbles:!0})))}}customElements.define("tp-multi-select",t),customElements.define("tp-multi-select-field",e),customElements.define("tp-multi-select-placeholder",l),customElements.define("tp-multi-select-status",i),customElements.define("tp-multi-select-options",s),customElements.define("tp-multi-select-option",n),customElements.define("tp-multi-select-search",u),customElements.define("tp-multi-select-pill",o),customElements.define("tp-multi-select-pills",r),customElements.define("tp-multi-select-select-all",c)})();
+(()=>{"use strict";class t extends HTMLElement{constructor(){super(),this.currentlyHighlightedOption=-1,this.keyboardEventListener=this.handleKeyboardInputs.bind(this),document.addEventListener("click",this.handleDocumentClick.bind(this)),this.addEventListener("change",this.update.bind(this)),this.addEventListener("focusout",this.handleFocusOut.bind(this));const t=this.querySelector("tp-multi-select-options");t&&new MutationObserver(this.initialize.bind(this)).observe(t,{childList:!0,subtree:!0}),this.initialize()}static get observedAttributes(){return["open","aria"]}isAriaEnabled(){return"no"!==this.getAttribute("aria")}attributeChangedCallback(t="",e="",i=""){e!==i&&"open"===t&&("yes"===i?(document.addEventListener("keydown",this.keyboardEventListener),this.updateAriaExpanded(!0),this.highlightNextOption(),this.dispatchEvent(new CustomEvent("open",{bubbles:!0}))):(this.unHighlightAllOptions(),document.removeEventListener("keydown",this.keyboardEventListener),this.updateAriaExpanded(!1),this.dispatchEvent(new CustomEvent("close",{bubbles:!0}))))}set value(t){if(!t||!Array.isArray(t))return;const e=this.querySelectorAll("tp-multi-select-option");null==e||e.forEach((e=>{var i;t.includes(null!==(i=e.getAttribute("value"))&&void 0!==i?i:"")?e.setAttribute("selected","yes"):e.removeAttribute("selected")})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0}))}get value(){const t=[],e=this.querySelectorAll("select option[selected]");return null==e||e.forEach((e=>{const i=e.getAttribute("value");i&&t.push(i)})),t}updateFormFieldValue(){const t=this.querySelectorAll("tp-multi-select-option"),e=this.querySelector("select");if(!t||!e)return;const i=Array.from(e.options);t.forEach((t=>{var s,l;const n=null!==(s=t.getAttribute("value"))&&void 0!==s?s:"";if(n){const s=i.find((t=>t.value===n));if("yes"===t.getAttribute("selected"))if(s)s.setAttribute("selected","selected");else{const i=document.createElement("option");i.setAttribute("value",null!==(l=t.getAttribute("value"))&&void 0!==l?l:""),i.setAttribute("selected","selected"),null==e||e.append(i)}else null==s||s.remove()}})),e.dispatchEvent(new Event("change"))}update(){this.updateFormFieldValue();const t=this.value;0!==t.length?this.setAttribute("selected","yes"):this.removeAttribute("selected");const e=this.querySelector("tp-multi-select-status");e&&(t.length>0?e.setAttribute("total",t.length.toString()):e.removeAttribute("total"))}handleDocumentClick(t){this===t.target||this.contains(t.target)||this.removeAttribute("open")}initialize(){var t;let e=this.querySelector("select");if(e)e.innerHTML="";else{e=document.createElement("select"),e.setAttribute("name",null!==(t=this.getAttribute("name"))&&void 0!==t?t:"");const i=this.getAttribute("form");i&&e.setAttribute("form",i),"no"!==this.getAttribute("multiple")&&e.setAttribute("multiple","multiple"),this.append(e)}this.update()}select(t=""){if("no"===this.getAttribute("multiple")&&(this.unSelectAll(),""===t))return void("yes"===this.getAttribute("close-on-select")&&this.removeAttribute("open"));const e=this.querySelectorAll(`tp-multi-select-option[value="${t}"]`);null==e||e.forEach((t=>{"yes"!==t.getAttribute("disabled")&&t.setAttribute("selected","yes")}));const i=this.querySelector("tp-multi-select-search");null==i||i.clear(),null==i||i.focus(),"yes"===this.getAttribute("close-on-select")&&this.removeAttribute("open"),this.update()}selectAll(){const t=this.querySelectorAll("tp-multi-select-option");null==t||t.forEach((t=>{"yes"!==t.getAttribute("disabled")&&t.setAttribute("selected","yes")})),this.update()}unSelect(t=""){const e=this.querySelectorAll(`tp-multi-select-option[value="${t}"]`);null==e||e.forEach((t=>{t.removeAttribute("selected")})),this.update()}unSelectAll(){const t=this.querySelectorAll("tp-multi-select-option");null==t||t.forEach((t=>{t.removeAttribute("selected")})),this.update()}handleKeyboardInputs(t){switch(t.key){case"ArrowDown":t.preventDefault(),this.highlightNextOption();break;case"ArrowUp":t.preventDefault(),this.highlightPreviousOption();break;case"Enter":this.toggleHighlightedOption();break;case"Escape":this.unHighlightAllOptions(),this.removeAttribute("open")}}highlightNextOption(){const t=this.querySelectorAll('tp-multi-select-option:not([hidden="yes"])');if(!t)return void(this.currentlyHighlightedOption=-1);let e=this.currentlyHighlightedOption+1;for(;e<t.length&&"yes"===t[e].getAttribute("disabled");)e++;e!==t.length&&(-1!==this.currentlyHighlightedOption&&t[this.currentlyHighlightedOption].removeAttribute("highlighted"),t[e].setAttribute("highlighted","yes"),t[e].scrollIntoView({behavior:"smooth",block:"nearest"}),this.updateAriaActiveDescendant(t[e].id||null),this.currentlyHighlightedOption=e)}highlightPreviousOption(){const t=this.querySelectorAll('tp-multi-select-option:not([hidden="yes"])');if(!t)return void(this.currentlyHighlightedOption=-1);let e=this.currentlyHighlightedOption-1;for(;e>=0&&"yes"===t[e].getAttribute("disabled");)e--;e<0||(0!==this.currentlyHighlightedOption&&t[this.currentlyHighlightedOption].removeAttribute("highlighted"),t[e].setAttribute("highlighted","yes"),t[e].scrollIntoView({behavior:"smooth",block:"nearest"}),this.updateAriaActiveDescendant(t[e].id||null),this.currentlyHighlightedOption=e)}toggleHighlightedOption(){const t=this.querySelector('tp-multi-select-option[highlighted="yes"]');null==t||t.toggle(null)}unHighlightAllOptions(){this.currentlyHighlightedOption=-1;const t=this.querySelectorAll("tp-multi-select-option");t&&t.forEach((t=>{t.removeAttribute("highlighted")})),this.updateAriaActiveDescendant(null)}getComboboxElement(){return this.querySelector("tp-multi-select-search input")||this.querySelector("tp-multi-select-field")}updateAriaExpanded(t){if(!this.isAriaEnabled())return;const e=this.getComboboxElement();e&&e.setAttribute("aria-expanded",t?"true":"false")}updateAriaActiveDescendant(t){if(!this.isAriaEnabled())return;const e=this.getComboboxElement();e&&(t?e.setAttribute("aria-activedescendant",t):e.removeAttribute("aria-activedescendant"))}handleFocusOut(t){t.relatedTarget&&this.contains(t.relatedTarget)||this.removeAttribute("open")}}class e extends HTMLElement{constructor(){super(),this.addEventListener("click",this.toggleOpen.bind(this)),this.addEventListener("keydown",this.handleKeydown.bind(this))}handleKeydown(t){const e=this.closest("tp-multi-select");e&&("Enter"!==t.key&&" "!==t.key&&"ArrowDown"!==t.key||"yes"!==e.getAttribute("open")&&(t.preventDefault(),t.stopPropagation(),e.setAttribute("open","yes")))}connectedCallback(){this.setupAriaAttributes(),this.setupLabelClick()}setupLabelClick(){const t=this.getAttribute("aria-labelledby");if(!t)return;const e=document.getElementById(t);e&&e.addEventListener("click",(()=>{this.focus()}))}setupAriaAttributes(){const t=this.closest("tp-multi-select");if(!(null==t?void 0:t.isAriaEnabled()))return;if(t.querySelector("tp-multi-select-search input"))return;const e=t.querySelector("tp-multi-select-options");this.setAttribute("role","combobox"),this.setAttribute("aria-haspopup","listbox"),this.setAttribute("aria-expanded","false"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),e&&this.setAttribute("aria-controls",e.id)}toggleOpen(){const t=this.closest("tp-multi-select");t&&("yes"===t.getAttribute("open")?t.removeAttribute("open"):t.setAttribute("open","yes"))}}class i extends HTMLElement{}class s extends HTMLElement{static get observedAttributes(){return["total","format"]}attributeChangedCallback(t="",e="",i=""){e!==i&&this.update()}update(){var t,e,i,s;const l=null!==(t=this.getAttribute("format"))&&void 0!==t?t:"$total Selected";let n=l.replace("$total",null!==(e=this.getAttribute("total"))&&void 0!==e?e:"");if(l.includes("$value")){const t=this.closest("tp-multi-select");if(t){const e=null!==(i=t.value)&&void 0!==i?i:[];let l="";if(e.length>0){const i=t.querySelector(`tp-multi-select-option[value="${e[0]}"]`);i&&(l=null!==(s=i.getAttribute("label"))&&void 0!==s?s:"")}n=n.replace("$value",l)}}this.innerHTML=n}}let l=0;class n extends HTMLElement{connectedCallback(){this.setupAriaAttributes()}setupAriaAttributes(){const t=this.closest("tp-multi-select");(null==t?void 0:t.isAriaEnabled())&&(this.id||(this.id="tp-multi-select-listbox-"+ ++l),this.setAttribute("role","listbox"),"no"!==t.getAttribute("multiple")&&this.setAttribute("aria-multiselectable","true"))}}let r=0;class u extends HTMLElement{constructor(){super(),this.addEventListener("click",this.toggle.bind(this))}static get observedAttributes(){return["selected"]}connectedCallback(){this.setupAriaAttributes()}attributeChangedCallback(t="",e="",i=""){e!==i&&"selected"===t&&this.updateAriaState()}setupAriaAttributes(){const t=this.closest("tp-multi-select");(null==t?void 0:t.isAriaEnabled())&&(this.id||(this.id="tp-multi-select-option-"+ ++r),this.setAttribute("role","option"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.updateAriaState())}updateAriaState(){const t=this.closest("tp-multi-select");if(!(null==t?void 0:t.isAriaEnabled()))return;const e="yes"===this.getAttribute("selected");this.setAttribute("aria-selected",e?"true":"false")}toggle(t){var e;null==t||t.preventDefault(),null==t||t.stopPropagation();const i=this.closest("tp-multi-select"),s=null!==(e=this.getAttribute("value"))&&void 0!==e?e:"";"yes"!==this.getAttribute("selected")?(null==i||i.select(s),null==i||i.dispatchEvent(new CustomEvent("select",{bubbles:!0,detail:{value:s}}))):(null==i||i.unSelect(s),null==i||i.dispatchEvent(new CustomEvent("unselect",{bubbles:!0,detail:{value:s}}))),null==i||i.dispatchEvent(new CustomEvent("change",{bubbles:!0}))}}class o extends HTMLElement{constructor(){var t;super();const e=this.querySelector("input");null==e||e.addEventListener("keydown",this.handleKeyboardInputs.bind(this)),null==e||e.addEventListener("keyup",this.handleSearchChange.bind(this)),null==e||e.addEventListener("input",this.handleSearchChange.bind(this)),this.addEventListener("click",this.handleClick.bind(this)),null===(t=this.closest("tp-multi-select"))||void 0===t||t.addEventListener("open",this.focus.bind(this))}connectedCallback(){this.setupAriaAttributes()}setupAriaAttributes(){const t=this.closest("tp-multi-select");if(!(null==t?void 0:t.isAriaEnabled()))return;const e=this.querySelector("input");if(!e)return;const i=t.querySelector("tp-multi-select-options");e.setAttribute("role","combobox"),e.setAttribute("aria-haspopup","listbox"),e.setAttribute("aria-expanded","false"),e.setAttribute("aria-autocomplete","list"),(null==i?void 0:i.id)&&e.setAttribute("aria-controls",i.id)}handleKeyboardInputs(t){const e=this.closest("tp-multi-select"),i=this.querySelector("input");if(e&&i)switch(t.key){case"Enter":t.preventDefault();break;case"ArrowDown":"yes"!==e.getAttribute("open")&&(t.stopPropagation(),e.setAttribute("open","yes"));break;case"Backspace":if(0===i.value.length){const t=e.querySelector("tp-multi-select-pill:last-of-type");t&&t.removePill()}}}handleSearchChange(){var t;const e=this.closest("tp-multi-select"),i=this.querySelector("input"),s=null===(t=this.closest("tp-multi-select"))||void 0===t?void 0:t.querySelectorAll("tp-multi-select-option");if(!e||!i||!s)return;let l=0;s.forEach((t=>{var e;(null===(e=t.getAttribute("label"))||void 0===e?void 0:e.toLowerCase().match(new RegExp(`.*${i.value.toLowerCase().replace(/\s/g,".*")}.*`)))?(t.removeAttribute("hidden"),l++):t.setAttribute("hidden","yes")})),""===i.value?i.removeAttribute("style"):(i.style.width=`${i.value.length+2}ch`,e.setAttribute("open","yes")),e.setAttribute("visible-options",l.toString())}handleClick(t){var e;t.preventDefault(),t.stopPropagation(),this.dispatchEvent(new CustomEvent("multi-select-opened")),document.dispatchEvent(new Event("click")),null===(e=this.closest("tp-multi-select"))||void 0===e||e.setAttribute("open","yes")}clear(){const t=this.querySelector("input");t&&(t.value="",t.dispatchEvent(new Event("change")))}focus(){var t;this.handleSearchChange(),null===(t=this.querySelector("input"))||void 0===t||t.focus()}}class c extends HTMLElement{constructor(){var t,e;super(),this.defaultRole=null,this.defaultAriaLive=null,null===(e=null===(t=this.closest("tp-multi-select"))||void 0===t?void 0:t.querySelector("tp-multi-select-search input"))||void 0===e||e.addEventListener("input",this.update.bind(this))}connectedCallback(){this.defaultRole=this.getAttribute("role"),this.defaultAriaLive=this.getAttribute("aria-live"),this.update()}update(){var t,e;const i=this.closest("tp-multi-select");if(!i)return;const s=i.querySelectorAll('tp-multi-select-option:not([hidden="yes"])').length,l=null!==(t=this.getAttribute("format"))&&void 0!==t?t:"$count results",n=null!==(e=this.getAttribute("no-results-format"))&&void 0!==e?e:"No results found",r=this.getAttribute("no-results-role"),u=this.getAttribute("no-results-aria-live");0===s?(this.textContent=n,r&&this.setAttribute("role",r),u&&this.setAttribute("aria-live",u)):(this.textContent=l.replace("$count",s.toString()),this.defaultRole?this.setAttribute("role",this.defaultRole):this.removeAttribute("role"),this.defaultAriaLive?this.setAttribute("aria-live",this.defaultAriaLive):this.removeAttribute("aria-live"))}}class a extends HTMLElement{constructor(){var t;super(),null===(t=this.querySelector("button"))||void 0===t||t.addEventListener("click",this.handleButtonClick.bind(this))}handleButtonClick(t){null==t||t.preventDefault(),null==t||t.stopPropagation(),this.removePill()}removePill(){var t;const e=this.closest("tp-multi-select");e&&this.getAttribute("value")&&(e.unSelect(null!==(t=this.getAttribute("value"))&&void 0!==t?t:""),e.dispatchEvent(new CustomEvent("unselect",{bubbles:!0})),e.dispatchEvent(new CustomEvent("change",{bubbles:!0})))}}class h extends HTMLElement{constructor(){var t,e,i;super(),null===(t=this.closest("tp-multi-select"))||void 0===t||t.addEventListener("change",this.update.bind(this)),null===(i=null===(e=this.closest("tp-multi-select"))||void 0===e?void 0:e.querySelector("select"))||void 0===i||i.addEventListener("change",(()=>this.update())),this.update()}update(){var t;const e=this.closest("tp-multi-select");if(!e)return;const i=this.querySelectorAll("tp-multi-select-pill"),s=null!==(t=[...new Set(e.value)])&&void 0!==t?t:[],l=[];i.forEach((t=>{var e;const i=null!==(e=t.getAttribute("value"))&&void 0!==e?e:"";""!==i&&(l.push(i),s.includes(i)||t.remove())})),s.filter((t=>!l.includes(t))).forEach((t=>{var i;if(""===t)return;const s=e.querySelector(`tp-multi-select-option[value="${t}"]`);s&&this.appendChild(this.createPill(t,null!==(i=s.getAttribute("label"))&&void 0!==i?i:""))}))}createPill(t,e){const i=document.createElement("tp-multi-select-pill");i.setAttribute("value",t);const s=document.createElement("span");s.textContent=e;const l=document.createElement("button");l.setAttribute("type","button");const n=this.getAttribute("remove-format");return l.textContent=n?n.replace("$label",e):"x",l.addEventListener("click",(()=>{i.removePill()})),l.addEventListener("keydown",(t=>{"Enter"!==t.key&&" "!==t.key||t.stopPropagation()})),i.appendChild(s),i.appendChild(l),i}}let d=0;class p extends HTMLElement{constructor(){var t;super(),null===(t=this.closest("tp-multi-select"))||void 0===t||t.addEventListener("change",this.handleValueChanged.bind(this)),this.addEventListener("click",this.toggleSelectAll.bind(this))}connectedCallback(){this.setupAriaAttributes()}setupAriaAttributes(){const t=this.closest("tp-multi-select");(null==t?void 0:t.isAriaEnabled())&&(this.id||(this.id="tp-multi-select-all-"+ ++d),this.setAttribute("role","option"),this.updateAriaState())}updateAriaState(){const t=this.closest("tp-multi-select");if(!(null==t?void 0:t.isAriaEnabled()))return;const e="yes"===this.getAttribute("selected");this.setAttribute("aria-selected",e?"true":"false")}handleValueChanged(){var t,e;const i=this.closest("tp-multi-select"),s=null==i?void 0:i.querySelectorAll("tp-multi-select-option");i&&s&&(Array.from(s).filter((t=>"yes"!==t.getAttribute("disabled"))).length===i.value.length?(this.setAttribute("selected","yes"),this.innerHTML=null!==(t=this.getAttribute("unselect-text"))&&void 0!==t?t:""):(this.removeAttribute("selected"),this.innerHTML=null!==(e=this.getAttribute("select-text"))&&void 0!==e?e:""),this.updateAriaState())}toggleSelectAll(){const t=this.closest("tp-multi-select");t&&("yes"!==this.getAttribute("selected")?(t.selectAll(),t.dispatchEvent(new CustomEvent("select-all",{bubbles:!0}))):(t.unSelectAll(),t.dispatchEvent(new CustomEvent("unselect-all",{bubbles:!0}))),t.dispatchEvent(new CustomEvent("change",{bubbles:!0})))}}customElements.define("tp-multi-select",t),customElements.define("tp-multi-select-field",e),customElements.define("tp-multi-select-placeholder",i),customElements.define("tp-multi-select-status",s),customElements.define("tp-multi-select-options",n),customElements.define("tp-multi-select-option",u),customElements.define("tp-multi-select-search",o),customElements.define("tp-multi-select-search-status",c),customElements.define("tp-multi-select-pill",a),customElements.define("tp-multi-select-pills",h),customElements.define("tp-multi-select-select-all",p)})();
 //# sourceMappingURL=index.js.map