npm - @ozdao/martyrs - Versions diffs - 0.2.491 → 0.2.492 - Mend

@ozdao/martyrs 0.2.491 → 0.2.492

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1791) hide show

package/dist/martyrs/src/components/FieldTags/create-tags.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"create-tags.cjs","sources":["../../../../../src/components/FieldTags/create-tags.js"],"sourcesContent":["// helper functions\n\nconst validateUserRules = (tag, validation) => {\n return validation\n .filter(val => {\n const { text } = tag;\n // if the rule is a string, we convert it to RegExp\n if (typeof val.rule === 'string') return !new RegExp(val.rule).test(text);\n\n if (val.rule instanceof RegExp) return !val.rule.test(text);\n\n // if we deal with a function, invoke it\n const isFunction = {}.toString.call(val.rule) === '[object Function]';\n if (isFunction) return val.rule(tag);\n })\n .map(val => val.classes);\n};\n\nconst clone = node => JSON.parse(JSON.stringify(node));\n\nconst findIndex = (arr, callback) => {\n let index = 0;\n while (index < arr.length) {\n if (callback(arr[index], index, arr)) return index;\n index++;\n }\n return -1;\n};\n\nconst createClasses = (tag, tags, validation = [], customDuplicateFn) => {\n if (tag.text === undefined) tag = { text: tag };\n\n // create css classes from the user validation array\n const classes = validateUserRules(tag, validation);\n\n // if we find the tag, it's an exsting one which is edited.\n // in this case we must splice it out\n const index = findIndex(tags, t => t === tag);\n const tagsDiff = clone(tags);\n const inputTag = index !== -1 ? tagsDiff.splice(index, 1)[0] : clone(tag);\n\n // check whether the tag is a duplicate or not\n const duplicate = customDuplicateFn ? customDuplicateFn(tagsDiff, inputTag) : tagsDiff.map(t => t.text).indexOf(inputTag.text) !== -1;\n\n // if it's a duplicate, push the class duplicate to the array\n if (duplicate) classes.push('ti-duplicate');\n\n // if we find no classes, the tag is valid → push the class valid\n classes.length === 0 ? classes.push('ti-valid') : classes.push('ti-invalid');\n return classes;\n};\n\n/*\n @description Create one tag out of a String or validate an existing one\n * @property {helpers}\n * @param {Object\|String} tag A tag which should be validated \| A String to create a tag\n * @param {Array} tagsarray The tags array\n * @param {Array} [validation=[]] The validation Array is optional (pass it if you use one)\n * @returns {Object} The created (validated) tag\n /\nconst createTag = (tag, ...rest) => {\n // if text is undefined, a string is passed. let's make a tag out of it\n if (tag.text === undefined) tag = { text: tag };\n\n // we better make a clone to not getting reference trouble\n const t = clone(tag);\n\n // create the validation classes\n t.tiClasses = createClasses(tag, ...rest);\n return t;\n};\n\n/\n @description Create multiple tags out of Strings or validate existing tags\n * @property {helpers}\n * @param {Array} tagsarray An Array containing tags or strings. See example below.\n * @param {Array} [validation=[]] The validation Array is optional (pass it if you use one)\n * @returns {Array} An array containing (validated) tags\n * @example /* Example to call the function /\n const validatedTags = createTags(['tag1Text', 'tag2Text'], [{ type: 'length', rule: /[0-9]/ }])\n /\nconst createTags = (tags, ...rest) => tags.map(t => createTag(t, tags, ...rest));\n\nexport { clone, createClasses, createTag, createTags };\n"],"names":[],"mappings":";;AAEA,MAAM,oBAAoB,CAAC,KAAK,eAAe;AAC7C,SAAO,WACJ,OAAO,SAAO;AACb,UAAM,EAAE,KAAI,IAAK;AAEjB,QAAI,OAAO,IAAI,SAAS,SAAU,QAAO,CAAC,IAAI,OAAO,IAAI,IAAI,EAAE,KAAK,IAAI;AAExE,QAAI,IAAI,gBAAgB,OAAQ,QAAO,CAAC,IAAI,KAAK,KAAK,IAAI;AAG1D,UAAM,aAAa,CAAA,EAAG,SAAS,KAAK,IAAI,IAAI,MAAM;AAClD,QAAI,WAAY,QAAO,IAAI,KAAK,GAAG;AAAA,~~EACpC~~,~~CAAA~~,EACA,IAAI,SAAO,IAAI,OAAO;AAC3B;AAEK,MAAC,QAAQ,UAAQ,KAAK,MAAM,KAAK,UAAU,IAAI,CAAC;AAErD,MAAM,YAAY,CAAC,KAAK,aAAa;AACnC,MAAI,QAAQ;AACZ,SAAO,QAAQ,IAAI,QAAQ;AACzB,QAAI,SAAS,IAAI,KAAK,GAAG,OAAO,GAAG,EAAG,QAAO;AAC7C;AAAA,~~EACJ~~;~~AACE~~,SAAO;AACT;AAEK,MAAC,gBAAgB,CAAC,KAAK,MAAM,aAAa,CAAA,GAAI,sBAAsB;AACvE,MAAI,IAAI,SAAS,OAAW,OAAM,EAAE,MAAM,~~IAAK~~;~~AAG/C~~,QAAM,UAAU,kBAAkB,KAAK,UAAU;AAIjD,QAAM,QAAQ,UAAU,MAAM,OAAK,MAAM,GAAG;AAC5C,QAAM,WAAW,MAAM,IAAI;AAC3B,QAAM,WAAW,UAAU,KAAK,SAAS,OAAO,OAAO,CAAC,EAAE,CAAC,IAAI,MAAM,GAAG;AAGxE,QAAM,YAAY,oBAAoB,kBAAkB,UAAU,QAAQ,IAAI,SAAS,IAAI,OAAK,EAAE,IAAI,EAAE,QAAQ,SAAS,IAAI,MAAM;AAGnI,MAAI,UAAW,SAAQ,KAAK,cAAc;AAG1C,UAAQ,WAAW,IAAI,QAAQ,KAAK,UAAU,IAAI,QAAQ,KAAK,YAAY;AAC3E,SAAO;AACT;AAUK,MAAC,YAAY,CAAC,QAAQ,SAAS;AAElC,MAAI,IAAI,SAAS,OAAW,OAAM,EAAE,MAAM,~~IAAK~~;~~AAG/C~~,QAAM,IAAI,MAAM,GAAG;AAGnB,IAAE,YAAY,cAAc,KAAK,GAAG,IAAI;AACxC,SAAO;AACT;AAWK,MAAC,aAAa,CAAC,SAAS,SAAS,KAAK,IAAI,OAAK,UAAU,GAAG,MAAM,GAAG,IAAI,CAAC;;;;;"}
1	+ {"version":3,"file":"create-tags.cjs","sources":["../../../../../src/components/FieldTags/create-tags.js"],"sourcesContent":["// helper functions\n\nconst validateUserRules = (tag, validation) => {\n return validation\n .filter(val => {\n const { text } = tag;\n // if the rule is a string, we convert it to RegExp\n if (typeof val.rule === 'string') return !new RegExp(val.rule).test(text);\n\n if (val.rule instanceof RegExp) return !val.rule.test(text);\n\n // if we deal with a function, invoke it\n const isFunction = {}.toString.call(val.rule) === '[object Function]';\n if (isFunction) return val.rule(tag);\n })\n .map(val => val.classes);\n};\n\nconst clone = node => JSON.parse(JSON.stringify(node));\n\nconst findIndex = (arr, callback) => {\n let index = 0;\n while (index < arr.length) {\n if (callback(arr[index], index, arr)) return index;\n index++;\n }\n return -1;\n};\n\nconst createClasses = (tag, tags, validation = [], customDuplicateFn) => {\n if (tag.text === undefined) tag = { text: tag };\n\n // create css classes from the user validation array\n const classes = validateUserRules(tag, validation);\n\n // if we find the tag, it's an exsting one which is edited.\n // in this case we must splice it out\n const index = findIndex(tags, t => t === tag);\n const tagsDiff = clone(tags);\n const inputTag = index !== -1 ? tagsDiff.splice(index, 1)[0] : clone(tag);\n\n // check whether the tag is a duplicate or not\n const duplicate = customDuplicateFn ? customDuplicateFn(tagsDiff, inputTag) : tagsDiff.map(t => t.text).indexOf(inputTag.text) !== -1;\n\n // if it's a duplicate, push the class duplicate to the array\n if (duplicate) classes.push('ti-duplicate');\n\n // if we find no classes, the tag is valid → push the class valid\n classes.length === 0 ? classes.push('ti-valid') : classes.push('ti-invalid');\n return classes;\n};\n\n/*\n @description Create one tag out of a String or validate an existing one\n * @property {helpers}\n * @param {Object\|String} tag A tag which should be validated \| A String to create a tag\n * @param {Array} tagsarray The tags array\n * @param {Array} [validation=[]] The validation Array is optional (pass it if you use one)\n * @returns {Object} The created (validated) tag\n /\nconst createTag = (tag, ...rest) => {\n // if text is undefined, a string is passed. let's make a tag out of it\n if (tag.text === undefined) tag = { text: tag };\n\n // we better make a clone to not getting reference trouble\n const t = clone(tag);\n\n // create the validation classes\n t.tiClasses = createClasses(tag, ...rest);\n return t;\n};\n\n/\n @description Create multiple tags out of Strings or validate existing tags\n * @property {helpers}\n * @param {Array} tagsarray An Array containing tags or strings. See example below.\n * @param {Array} [validation=[]] The validation Array is optional (pass it if you use one)\n * @returns {Array} An array containing (validated) tags\n * @example /* Example to call the function /\n const validatedTags = createTags(['tag1Text', 'tag2Text'], [{ type: 'length', rule: /[0-9]/ }])\n /\nconst createTags = (tags, ...rest) => tags.map(t => createTag(t, tags, ...rest));\n\nexport { clone, createClasses, createTag, createTags };\n"],"names":[],"mappings":";;AAEA,MAAM,oBAAoB,CAAC,KAAK,eAAe;AAC7C,SAAO,WACJ,OAAO,SAAO;AACb,UAAM,EAAE,KAAI,IAAK;AAEjB,QAAI,OAAO,IAAI,SAAS,SAAU,QAAO,CAAC,IAAI,OAAO,IAAI,IAAI,EAAE,KAAK,IAAI;AAExE,QAAI,IAAI,gBAAgB,OAAQ,QAAO,CAAC,IAAI,KAAK,KAAK,IAAI;AAG1D,UAAM,aAAa,CAAA,EAAG,SAAS,KAAK,IAAI,IAAI,MAAM;AAClD,QAAI,WAAY,QAAO,IAAI,KAAK,GAAG;AAAA,EACrC,CAAC,EACA,IAAI,SAAO,IAAI,OAAO;AAC3B;AAEK,MAAC,QAAQ,UAAQ,KAAK,MAAM,KAAK,UAAU,IAAI,CAAC;AAErD,MAAM,YAAY,CAAC,KAAK,aAAa;AACnC,MAAI,QAAQ;AACZ,SAAO,QAAQ,IAAI,QAAQ;AACzB,QAAI,SAAS,IAAI,KAAK,GAAG,OAAO,GAAG,EAAG,QAAO;AAC7C;AAAA,EACF;AACA,SAAO;AACT;AAEK,MAAC,gBAAgB,CAAC,KAAK,MAAM,aAAa,CAAA,GAAI,sBAAsB;AACvE,MAAI,IAAI,SAAS,OAAW,OAAM,EAAE,MAAM,IAAG;AAG7C,QAAM,UAAU,kBAAkB,KAAK,UAAU;AAIjD,QAAM,QAAQ,UAAU,MAAM,OAAK,MAAM,GAAG;AAC5C,QAAM,WAAW,MAAM,IAAI;AAC3B,QAAM,WAAW,UAAU,KAAK,SAAS,OAAO,OAAO,CAAC,EAAE,CAAC,IAAI,MAAM,GAAG;AAGxE,QAAM,YAAY,oBAAoB,kBAAkB,UAAU,QAAQ,IAAI,SAAS,IAAI,OAAK,EAAE,IAAI,EAAE,QAAQ,SAAS,IAAI,MAAM;AAGnI,MAAI,UAAW,SAAQ,KAAK,cAAc;AAG1C,UAAQ,WAAW,IAAI,QAAQ,KAAK,UAAU,IAAI,QAAQ,KAAK,YAAY;AAC3E,SAAO;AACT;AAUK,MAAC,YAAY,CAAC,QAAQ,SAAS;AAElC,MAAI,IAAI,SAAS,OAAW,OAAM,EAAE,MAAM,IAAG;AAG7C,QAAM,IAAI,MAAM,GAAG;AAGnB,IAAE,YAAY,cAAc,KAAK,GAAG,IAAI;AACxC,SAAO;AACT;AAWK,MAAC,aAAa,CAAC,SAAS,SAAS,KAAK,IAAI,OAAK,UAAU,GAAG,MAAM,GAAG,IAAI,CAAC;;;;;"}

package/dist/martyrs/src/components/FieldTags/create-tags.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"create-tags.js","sources":["../../../../../src/components/FieldTags/create-tags.js"],"sourcesContent":["// helper functions\n\nconst validateUserRules = (tag, validation) => {\n return validation\n .filter(val => {\n const { text } = tag;\n // if the rule is a string, we convert it to RegExp\n if (typeof val.rule === 'string') return !new RegExp(val.rule).test(text);\n\n if (val.rule instanceof RegExp) return !val.rule.test(text);\n\n // if we deal with a function, invoke it\n const isFunction = {}.toString.call(val.rule) === '[object Function]';\n if (isFunction) return val.rule(tag);\n })\n .map(val => val.classes);\n};\n\nconst clone = node => JSON.parse(JSON.stringify(node));\n\nconst findIndex = (arr, callback) => {\n let index = 0;\n while (index < arr.length) {\n if (callback(arr[index], index, arr)) return index;\n index++;\n }\n return -1;\n};\n\nconst createClasses = (tag, tags, validation = [], customDuplicateFn) => {\n if (tag.text === undefined) tag = { text: tag };\n\n // create css classes from the user validation array\n const classes = validateUserRules(tag, validation);\n\n // if we find the tag, it's an exsting one which is edited.\n // in this case we must splice it out\n const index = findIndex(tags, t => t === tag);\n const tagsDiff = clone(tags);\n const inputTag = index !== -1 ? tagsDiff.splice(index, 1)[0] : clone(tag);\n\n // check whether the tag is a duplicate or not\n const duplicate = customDuplicateFn ? customDuplicateFn(tagsDiff, inputTag) : tagsDiff.map(t => t.text).indexOf(inputTag.text) !== -1;\n\n // if it's a duplicate, push the class duplicate to the array\n if (duplicate) classes.push('ti-duplicate');\n\n // if we find no classes, the tag is valid → push the class valid\n classes.length === 0 ? classes.push('ti-valid') : classes.push('ti-invalid');\n return classes;\n};\n\n/*\n @description Create one tag out of a String or validate an existing one\n * @property {helpers}\n * @param {Object\|String} tag A tag which should be validated \| A String to create a tag\n * @param {Array} tagsarray The tags array\n * @param {Array} [validation=[]] The validation Array is optional (pass it if you use one)\n * @returns {Object} The created (validated) tag\n /\nconst createTag = (tag, ...rest) => {\n // if text is undefined, a string is passed. let's make a tag out of it\n if (tag.text === undefined) tag = { text: tag };\n\n // we better make a clone to not getting reference trouble\n const t = clone(tag);\n\n // create the validation classes\n t.tiClasses = createClasses(tag, ...rest);\n return t;\n};\n\n/\n @description Create multiple tags out of Strings or validate existing tags\n * @property {helpers}\n * @param {Array} tagsarray An Array containing tags or strings. See example below.\n * @param {Array} [validation=[]] The validation Array is optional (pass it if you use one)\n * @returns {Array} An array containing (validated) tags\n * @example /* Example to call the function /\n const validatedTags = createTags(['tag1Text', 'tag2Text'], [{ type: 'length', rule: /[0-9]/ }])\n /\nconst createTags = (tags, ...rest) => tags.map(t => createTag(t, tags, ...rest));\n\nexport { clone, createClasses, createTag, createTags };\n"],"names":[],"mappings":"AAEA,MAAM,oBAAoB,CAAC,KAAK,eAAe;AAC7C,SAAO,WACJ,OAAO,SAAO;AACb,UAAM,EAAE,KAAI,IAAK;AAEjB,QAAI,OAAO,IAAI,SAAS,SAAU,QAAO,CAAC,IAAI,OAAO,IAAI,IAAI,EAAE,KAAK,IAAI;AAExE,QAAI,IAAI,gBAAgB,OAAQ,QAAO,CAAC,IAAI,KAAK,KAAK,IAAI;AAG1D,UAAM,aAAa,CAAA,EAAG,SAAS,KAAK,IAAI,IAAI,MAAM;AAClD,QAAI,WAAY,QAAO,IAAI,KAAK,GAAG;AAAA,~~EACpC~~,~~CAAA~~,EACA,IAAI,SAAO,IAAI,OAAO;AAC3B;AAEK,MAAC,QAAQ,UAAQ,KAAK,MAAM,KAAK,UAAU,IAAI,CAAC;AAErD,MAAM,YAAY,CAAC,KAAK,aAAa;AACnC,MAAI,QAAQ;AACZ,SAAO,QAAQ,IAAI,QAAQ;AACzB,QAAI,SAAS,IAAI,KAAK,GAAG,OAAO,GAAG,EAAG,QAAO;AAC7C;AAAA,~~EACJ~~;~~AACE~~,SAAO;AACT;AAEK,MAAC,gBAAgB,CAAC,KAAK,MAAM,aAAa,CAAA,GAAI,sBAAsB;AACvE,MAAI,IAAI,SAAS,OAAW,OAAM,EAAE,MAAM,~~IAAK~~;~~AAG/C~~,QAAM,UAAU,kBAAkB,KAAK,UAAU;AAIjD,QAAM,QAAQ,UAAU,MAAM,OAAK,MAAM,GAAG;AAC5C,QAAM,WAAW,MAAM,IAAI;AAC3B,QAAM,WAAW,UAAU,KAAK,SAAS,OAAO,OAAO,CAAC,EAAE,CAAC,IAAI,MAAM,GAAG;AAGxE,QAAM,YAAY,oBAAoB,kBAAkB,UAAU,QAAQ,IAAI,SAAS,IAAI,OAAK,EAAE,IAAI,EAAE,QAAQ,SAAS,IAAI,MAAM;AAGnI,MAAI,UAAW,SAAQ,KAAK,cAAc;AAG1C,UAAQ,WAAW,IAAI,QAAQ,KAAK,UAAU,IAAI,QAAQ,KAAK,YAAY;AAC3E,SAAO;AACT;AAUK,MAAC,YAAY,CAAC,QAAQ,SAAS;AAElC,MAAI,IAAI,SAAS,OAAW,OAAM,EAAE,MAAM,~~IAAK~~;~~AAG/C~~,QAAM,IAAI,MAAM,GAAG;AAGnB,IAAE,YAAY,cAAc,KAAK,GAAG,IAAI;AACxC,SAAO;AACT;AAWK,MAAC,aAAa,CAAC,SAAS,SAAS,KAAK,IAAI,OAAK,UAAU,GAAG,MAAM,GAAG,IAAI,CAAC;"}
1	+ {"version":3,"file":"create-tags.js","sources":["../../../../../src/components/FieldTags/create-tags.js"],"sourcesContent":["// helper functions\n\nconst validateUserRules = (tag, validation) => {\n return validation\n .filter(val => {\n const { text } = tag;\n // if the rule is a string, we convert it to RegExp\n if (typeof val.rule === 'string') return !new RegExp(val.rule).test(text);\n\n if (val.rule instanceof RegExp) return !val.rule.test(text);\n\n // if we deal with a function, invoke it\n const isFunction = {}.toString.call(val.rule) === '[object Function]';\n if (isFunction) return val.rule(tag);\n })\n .map(val => val.classes);\n};\n\nconst clone = node => JSON.parse(JSON.stringify(node));\n\nconst findIndex = (arr, callback) => {\n let index = 0;\n while (index < arr.length) {\n if (callback(arr[index], index, arr)) return index;\n index++;\n }\n return -1;\n};\n\nconst createClasses = (tag, tags, validation = [], customDuplicateFn) => {\n if (tag.text === undefined) tag = { text: tag };\n\n // create css classes from the user validation array\n const classes = validateUserRules(tag, validation);\n\n // if we find the tag, it's an exsting one which is edited.\n // in this case we must splice it out\n const index = findIndex(tags, t => t === tag);\n const tagsDiff = clone(tags);\n const inputTag = index !== -1 ? tagsDiff.splice(index, 1)[0] : clone(tag);\n\n // check whether the tag is a duplicate or not\n const duplicate = customDuplicateFn ? customDuplicateFn(tagsDiff, inputTag) : tagsDiff.map(t => t.text).indexOf(inputTag.text) !== -1;\n\n // if it's a duplicate, push the class duplicate to the array\n if (duplicate) classes.push('ti-duplicate');\n\n // if we find no classes, the tag is valid → push the class valid\n classes.length === 0 ? classes.push('ti-valid') : classes.push('ti-invalid');\n return classes;\n};\n\n/*\n @description Create one tag out of a String or validate an existing one\n * @property {helpers}\n * @param {Object\|String} tag A tag which should be validated \| A String to create a tag\n * @param {Array} tagsarray The tags array\n * @param {Array} [validation=[]] The validation Array is optional (pass it if you use one)\n * @returns {Object} The created (validated) tag\n /\nconst createTag = (tag, ...rest) => {\n // if text is undefined, a string is passed. let's make a tag out of it\n if (tag.text === undefined) tag = { text: tag };\n\n // we better make a clone to not getting reference trouble\n const t = clone(tag);\n\n // create the validation classes\n t.tiClasses = createClasses(tag, ...rest);\n return t;\n};\n\n/\n @description Create multiple tags out of Strings or validate existing tags\n * @property {helpers}\n * @param {Array} tagsarray An Array containing tags or strings. See example below.\n * @param {Array} [validation=[]] The validation Array is optional (pass it if you use one)\n * @returns {Array} An array containing (validated) tags\n * @example /* Example to call the function /\n const validatedTags = createTags(['tag1Text', 'tag2Text'], [{ type: 'length', rule: /[0-9]/ }])\n /\nconst createTags = (tags, ...rest) => tags.map(t => createTag(t, tags, ...rest));\n\nexport { clone, createClasses, createTag, createTags };\n"],"names":[],"mappings":"AAEA,MAAM,oBAAoB,CAAC,KAAK,eAAe;AAC7C,SAAO,WACJ,OAAO,SAAO;AACb,UAAM,EAAE,KAAI,IAAK;AAEjB,QAAI,OAAO,IAAI,SAAS,SAAU,QAAO,CAAC,IAAI,OAAO,IAAI,IAAI,EAAE,KAAK,IAAI;AAExE,QAAI,IAAI,gBAAgB,OAAQ,QAAO,CAAC,IAAI,KAAK,KAAK,IAAI;AAG1D,UAAM,aAAa,CAAA,EAAG,SAAS,KAAK,IAAI,IAAI,MAAM;AAClD,QAAI,WAAY,QAAO,IAAI,KAAK,GAAG;AAAA,EACrC,CAAC,EACA,IAAI,SAAO,IAAI,OAAO;AAC3B;AAEK,MAAC,QAAQ,UAAQ,KAAK,MAAM,KAAK,UAAU,IAAI,CAAC;AAErD,MAAM,YAAY,CAAC,KAAK,aAAa;AACnC,MAAI,QAAQ;AACZ,SAAO,QAAQ,IAAI,QAAQ;AACzB,QAAI,SAAS,IAAI,KAAK,GAAG,OAAO,GAAG,EAAG,QAAO;AAC7C;AAAA,EACF;AACA,SAAO;AACT;AAEK,MAAC,gBAAgB,CAAC,KAAK,MAAM,aAAa,CAAA,GAAI,sBAAsB;AACvE,MAAI,IAAI,SAAS,OAAW,OAAM,EAAE,MAAM,IAAG;AAG7C,QAAM,UAAU,kBAAkB,KAAK,UAAU;AAIjD,QAAM,QAAQ,UAAU,MAAM,OAAK,MAAM,GAAG;AAC5C,QAAM,WAAW,MAAM,IAAI;AAC3B,QAAM,WAAW,UAAU,KAAK,SAAS,OAAO,OAAO,CAAC,EAAE,CAAC,IAAI,MAAM,GAAG;AAGxE,QAAM,YAAY,oBAAoB,kBAAkB,UAAU,QAAQ,IAAI,SAAS,IAAI,OAAK,EAAE,IAAI,EAAE,QAAQ,SAAS,IAAI,MAAM;AAGnI,MAAI,UAAW,SAAQ,KAAK,cAAc;AAG1C,UAAQ,WAAW,IAAI,QAAQ,KAAK,UAAU,IAAI,QAAQ,KAAK,YAAY;AAC3E,SAAO;AACT;AAUK,MAAC,YAAY,CAAC,QAAQ,SAAS;AAElC,MAAI,IAAI,SAAS,OAAW,OAAM,EAAE,MAAM,IAAG;AAG7C,QAAM,IAAI,MAAM,GAAG;AAGnB,IAAE,YAAY,cAAc,KAAK,GAAG,IAAI;AACxC,SAAO;AACT;AAWK,MAAC,aAAa,CAAC,SAAS,SAAS,KAAK,IAAI,OAAK,UAAU,GAAG,MAAM,GAAG,IAAI,CAAC;"}

package/dist/martyrs/src/components/FieldTags/tag-input.vue2.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tag-input.vue2.cjs","sources":["../../../../../src/components/FieldTags/tag-input.vue"],"sourcesContent":["<!-- A helper component used by VueTagsInput and can be put into the tag-center slot -->\n\n<template>\n <input\n v-if=\"scope.edit\"\n v-model=\"scope.tag.text\"\n :maxlength=\"scope.maxlength\"\n type=\"text\"\n class=\"ti-tag-input\"\n size=\"1\"\n @input=\"scope.validateTag(scope.index, $event)\"\n @blur=\"scope.performCancelEdit(scope.index)\"\n @keydown=\"scope.performSaveEdit(scope.index, $event)\"\n >\n</template>\n\n<script>\n\nexport default {\n name: 'TagInput',\n props: {\n scope: {\n type: Object,\n },\n },\n};\n\n</script>\n\n<style lang=\"css\" >\n.ti-tag-input {\n background-color: transparent;\n color: inherit;\n border: none;\n padding: 0px;\n margin: 0px;\n display: flex;\n top: 0px;\n position: absolute;\n width: 100%;\n line-height: inherit;\n}\n\n.ti-tag-input::-ms-clear {\n display: none;\n}\n\ninput:focus {\n outline: none;\n}\n\ninput[disabled] {\n background-color: transparent;\n}\n</style>\n"],"names":["_createElementBlock","_createCommentVNode"],"mappings":";;;;;AAkBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA~~,IACP~~;~~AAAA,EACF;AACH;~~AAzBA,MAAA,aAAA,CAAA,WAAA;;AAIU,SAAA,OAAA,MAAM,4CADdA,~~IAUC~~,~~mBAAA~~,SAAA;AAAA,IAbH,KAAA;AAAA,IAAA,uBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAKa,~~OAAK~~,~~MAAC~~,IAAI,OAAI;AAAA,IACtB,WAAW,~~OAAK~~,~~MAAC~~;AAAA,IAClB,MAAK;AAAA,IACL,OAAM;AAAA,IACN,MAAK;AAAA,IACJ,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,aAAM,YAAY,~~OAAK~~,~~MAAC~~,OAAO,MAAM;AAAA,IAC5C,8CAAM,~~OAAK~~,~~MAAC~~,kBAAkB,OAAA,MAAM,KAAK;AAAA,IACzC,WAAO,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,aAAM,gBAAgB,~~OAAK~~,~~MAAC~~,OAAO,MAAM;AAAA,EAZvD,GAAA,MAAA,IAAA,UAAA,IAAA;AAAA,qBAKa,~~OAAK~~,~~MAAC~~,IAAI,IAAI;AAAA,OAL3BC,~~IAAA~~,mBAAA,IAAA,IAAA;;;;"}
1	+ {"version":3,"file":"tag-input.vue2.cjs","sources":["../../../../../src/components/FieldTags/tag-input.vue"],"sourcesContent":["<!-- A helper component used by VueTagsInput and can be put into the tag-center slot -->\n\n<template>\n <input\n v-if=\"scope.edit\"\n v-model=\"scope.tag.text\"\n :maxlength=\"scope.maxlength\"\n type=\"text\"\n class=\"ti-tag-input\"\n size=\"1\"\n @input=\"scope.validateTag(scope.index, $event)\"\n @blur=\"scope.performCancelEdit(scope.index)\"\n @keydown=\"scope.performSaveEdit(scope.index, $event)\"\n >\n</template>\n\n<script>\n\nexport default {\n name: 'TagInput',\n props: {\n scope: {\n type: Object,\n },\n },\n};\n\n</script>\n\n<style lang=\"css\" >\n.ti-tag-input {\n background-color: transparent;\n color: inherit;\n border: none;\n padding: 0px;\n margin: 0px;\n display: flex;\n top: 0px;\n position: absolute;\n width: 100%;\n line-height: inherit;\n}\n\n.ti-tag-input::-ms-clear {\n display: none;\n}\n\ninput:focus {\n outline: none;\n}\n\ninput[disabled] {\n background-color: transparent;\n}\n</style>\n"],"names":["_createElementBlock","_createCommentVNode"],"mappings":";;;;;AAkBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA;;AAGZ;AAzBA,MAAA,aAAA,CAAA,WAAA;;AAIU,SAAA,OAAA,MAAM,4CADdA,IAAAA,mBAUC,SAAA;AAAA,IAbH,KAAA;AAAA,IAAA,uBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAKa,OAAA,MAAM,IAAI,OAAI;AAAA,IACtB,WAAW,OAAA,MAAM;AAAA,IAClB,MAAK;AAAA,IACL,OAAM;AAAA,IACN,MAAK;AAAA,IACJ,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,aAAM,YAAY,OAAA,MAAM,OAAO,MAAM;AAAA,IAC5C,8CAAM,OAAA,MAAM,kBAAkB,OAAA,MAAM,KAAK;AAAA,IACzC,WAAO,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,aAAM,gBAAgB,OAAA,MAAM,OAAO,MAAM;AAAA,EAZvD,GAAA,MAAA,IAAA,UAAA,IAAA;AAAA,qBAKa,OAAA,MAAM,IAAI,IAAI;AAAA,OAL3BC,IAAAA,mBAAA,IAAA,IAAA;;;;"}

package/dist/martyrs/src/components/FieldTags/tag-input.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tag-input.vue2.js","sources":["../../../../../src/components/FieldTags/tag-input.vue"],"sourcesContent":["<!-- A helper component used by VueTagsInput and can be put into the tag-center slot -->\n\n<template>\n <input\n v-if=\"scope.edit\"\n v-model=\"scope.tag.text\"\n :maxlength=\"scope.maxlength\"\n type=\"text\"\n class=\"ti-tag-input\"\n size=\"1\"\n @input=\"scope.validateTag(scope.index, $event)\"\n @blur=\"scope.performCancelEdit(scope.index)\"\n @keydown=\"scope.performSaveEdit(scope.index, $event)\"\n >\n</template>\n\n<script>\n\nexport default {\n name: 'TagInput',\n props: {\n scope: {\n type: Object,\n },\n },\n};\n\n</script>\n\n<style lang=\"css\" >\n.ti-tag-input {\n background-color: transparent;\n color: inherit;\n border: none;\n padding: 0px;\n margin: 0px;\n display: flex;\n top: 0px;\n position: absolute;\n width: 100%;\n line-height: inherit;\n}\n\n.ti-tag-input::-ms-clear {\n display: none;\n}\n\ninput:focus {\n outline: none;\n}\n\ninput[disabled] {\n background-color: transparent;\n}\n</style>\n"],"names":["_createElementBlock","_createCommentVNode"],"mappings":";;;AAkBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA~~,IACP~~;~~AAAA,EACF;AACH;~~AAzBA,MAAA,aAAA,CAAA,WAAA;;AAIU,SAAA,OAAA,MAAM,oCADdA,mBAUC,SAAA;AAAA,IAbH,KAAA;AAAA,IAAA,uBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAKa,~~OAAK~~,~~MAAC~~,IAAI,OAAI;AAAA,IACtB,WAAW,~~OAAK~~,~~MAAC~~;AAAA,IAClB,MAAK;AAAA,IACL,OAAM;AAAA,IACN,MAAK;AAAA,IACJ,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,aAAM,YAAY,~~OAAK~~,~~MAAC~~,OAAO,MAAM;AAAA,IAC5C,8CAAM,~~OAAK~~,~~MAAC~~,kBAAkB,OAAA,MAAM,KAAK;AAAA,IACzC,WAAO,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,aAAM,gBAAgB,~~OAAK~~,~~MAAC~~,OAAO,MAAM;AAAA,EAZvD,GAAA,MAAA,IAAA,UAAA,IAAA;AAAA,iBAKa,~~OAAK~~,~~MAAC~~,IAAI,IAAI;AAAA,OAL3BC,mBAAA,IAAA,IAAA;;;"}
1	+ {"version":3,"file":"tag-input.vue2.js","sources":["../../../../../src/components/FieldTags/tag-input.vue"],"sourcesContent":["<!-- A helper component used by VueTagsInput and can be put into the tag-center slot -->\n\n<template>\n <input\n v-if=\"scope.edit\"\n v-model=\"scope.tag.text\"\n :maxlength=\"scope.maxlength\"\n type=\"text\"\n class=\"ti-tag-input\"\n size=\"1\"\n @input=\"scope.validateTag(scope.index, $event)\"\n @blur=\"scope.performCancelEdit(scope.index)\"\n @keydown=\"scope.performSaveEdit(scope.index, $event)\"\n >\n</template>\n\n<script>\n\nexport default {\n name: 'TagInput',\n props: {\n scope: {\n type: Object,\n },\n },\n};\n\n</script>\n\n<style lang=\"css\" >\n.ti-tag-input {\n background-color: transparent;\n color: inherit;\n border: none;\n padding: 0px;\n margin: 0px;\n display: flex;\n top: 0px;\n position: absolute;\n width: 100%;\n line-height: inherit;\n}\n\n.ti-tag-input::-ms-clear {\n display: none;\n}\n\ninput:focus {\n outline: none;\n}\n\ninput[disabled] {\n background-color: transparent;\n}\n</style>\n"],"names":["_createElementBlock","_createCommentVNode"],"mappings":";;;AAkBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA;;AAGZ;AAzBA,MAAA,aAAA,CAAA,WAAA;;AAIU,SAAA,OAAA,MAAM,oCADdA,mBAUC,SAAA;AAAA,IAbH,KAAA;AAAA,IAAA,uBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAKa,OAAA,MAAM,IAAI,OAAI;AAAA,IACtB,WAAW,OAAA,MAAM;AAAA,IAClB,MAAK;AAAA,IACL,OAAM;AAAA,IACN,MAAK;AAAA,IACJ,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,aAAM,YAAY,OAAA,MAAM,OAAO,MAAM;AAAA,IAC5C,8CAAM,OAAA,MAAM,kBAAkB,OAAA,MAAM,KAAK;AAAA,IACzC,WAAO,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,aAAM,gBAAgB,OAAA,MAAM,OAAO,MAAM;AAAA,EAZvD,GAAA,MAAA,IAAA,UAAA,IAAA;AAAA,iBAKa,OAAA,MAAM,IAAI,IAAI;AAAA,OAL3BC,mBAAA,IAAA,IAAA;;;"}

package/dist/martyrs/src/components/FieldTags/vue-tags-input.props.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"vue-tags-input.props.cjs","sources":["../../../../../src/components/FieldTags/vue-tags-input.props.js"],"sourcesContent":["// The file contains all props and validators which are provided by the component\n\nconst propValidatorTag = value => {\n return !value.some(t => {\n const invalidText = !t.text;\n if (invalidText) console.warn('Missing property \"text\"', t);\n\n let invalidClasses = false;\n if (t.classes) invalidClasses = typeof t.classes !== 'string';\n if (invalidClasses) console.warn('Property \"classes\" must be type of string', t);\n\n return invalidText \|\| invalidClasses;\n });\n};\n\nconst propValidatorStringNumeric = value => {\n return !value.some(v => {\n if (typeof v === 'number') {\n const numeric = isFinite(v) && Math.floor(v) === v;\n if (!numeric) console.warn('Only numerics are allowed for this prop. Found:', v);\n return !numeric;\n } else if (typeof v === 'string') {\n /\n Regex: \|\| Not totally fool-proof yet, still matches \"0a\" and such\n * - allow non-word characters (aka symbols e.g. ;, :, ' etc)\n * - allow alpha characters\n * - deny numbers\n /\n const string = /\\W\|[a-z]\|!\\d/i.test(v);\n if (!string) console.warn('Only alpha strings are allowed for this prop. Found:', v);\n return !string;\n } else {\n console.warn('Only numeric and string values are allowed. Found:', v);\n return false;\n }\n });\n};\n\nexport default {\n /\n @description Property to bind a model to the input.\n If the user changes the input value, the model updates, too.\n If the user presses enter with an valid input,\n a new tag is created with the value of this model.\n After creating the new tag, the model is cleared.\n * @property {props}\n * @required\n * @type {String}\n * @model\n * @default ''\n /\n modelValue: {\n type: String,\n default: '',\n required: true,\n },\n /\n @description Pass an array containing objects like in the example below.\n The properties 'style' and 'class' are optional. Of course it is possible to add custom\n properties to a tag object. vue-tags-input won't change the key and value.\n * @property {props}\n * @type {Array}\n * @sync\n * @default []\n * @example\n {\n &emsp;text: 'My tag value', /* The visible text on display /\n &emsp;style: 'background-color: #ccc', / Adding inline styles is possible /\n &emsp;classes: 'custom-class another', / The value will be added as css classes /\n }\n /\n tags: {\n type: Array,\n default: () => [],\n validator: propValidatorTag,\n },\n /*\n @description Expects an array containing objects inside. The objects\n can have the same properties as a tag object.\n * @property {props}\n * @type {Array}\n * @default []\n /\n autocompleteItems: {\n type: Array,\n default: () => [],\n validator: propValidatorTag,\n },\n /\n @description Defines whether a tag is editable after creation or not.\n * @property {props}\n * @type {Boolean}\n * @default false\n /\n allowEditTags: {\n type: Boolean,\n default: false,\n },\n /\n @description Defines if duplicate autocomplete items are filtered out from the view or not.\n * @property {props}\n * @type {Boolean}\n * @default true\n /\n autocompleteFilterDuplicates: {\n default: true,\n type: Boolean,\n },\n /\n @description If it's true, the user can add tags only via the autocomplete layer.\n * @property {props}\n * @type {Boolean}\n * @default false\n /\n addOnlyFromAutocomplete: {\n type: Boolean,\n default: false,\n },\n /\n @description The minimum character length which is required\n until the autocomplete layer is shown. If set to 0,\n then it'll be shown on focus.\n * @property {props}\n * @type {Number}\n * @default 1\n /\n autocompleteMinLength: {\n type: Number,\n default: 1,\n },\n /\n @description If it's true, the autocomplete layer is always shown, regardless if\n an input or an autocomplete items exists.\n * @property {props}\n * @type {Boolean}\n * @default false\n /\n autocompleteAlwaysOpen: {\n type: Boolean,\n default: false,\n },\n /\n @description Property to disable vue-tags-input.\n * @property {props}\n * @type {Boolean}\n * @default false\n /\n disabled: {\n type: Boolean,\n default: false,\n },\n /\n @description The placeholder text which is shown in the input, when it's empty.\n * @property {props}\n * @type {String}\n * @default Add Tag\n /\n placeholder: {\n type: String,\n default: 'Add Tag',\n },\n /\n @description Custom trigger key codes can be registrated. If the user presses one of these,\n a tag will be generated out of the input value. Can be either a numeric keyCode or the key\n as a string.\n * @property {props}\n * @type {Array}\n * @default [13]\n * @example add-on-key=\"[13, ':', ';']\"\n /\n addOnKey: {\n type: Array,\n default: () => [13],\n validator: propValidatorStringNumeric,\n },\n /\n @description Custom trigger key codes can be registrated. If the user edits a tag\n and presses one of these, the edited tag will be saved.\n Can be either a numeric keyCode or the key as a string.\n * @property {props}\n * @type {Array}\n * @default [13]\n * @example save-on-key=\"[13, ':', ';']\"\n /\n saveOnKey: {\n type: Array,\n default: () => [13],\n validator: propValidatorStringNumeric,\n },\n /\n @description The maximum amount the tags array is allowed to hold.\n * @property {props}\n * @type {Number}\n /\n maxTags: {\n type: Number,\n },\n /\n @description The maximum amount of characters the input is allowed to hold.\n * @property {props}\n * @type {Number}\n /\n maxlength: {\n type: Number,\n },\n /\n @description Pass an array containing objects like in the example below.\n The property 'classes' will be added as css classes, if the property 'rule' matches the text\n of a tag, an autocomplete item or the input. The property 'rule' can be type of\n RegExp or function. If the property 'disableAdd' is 'true', the item can't be added\n to the tags array, if the appropriated rule matches.\n * @property {props}\n * @type {Array}\n * @default []\n * @example\n {\n &ensp;classes: 'class', /* css class /\n &ensp;rule: /^([^0-9])$/, /* RegExp /\n }, {\n &ensp;classes: 'no-braces', / css class /\n &ensp;rule(text) { / function with text as param /\n &ensp;&ensp;return text.indexOf('{') !== -1 \|\| text.indexOf('}') !== -1;\n &ensp;},\n &ensp;disableAdd: true, / if the rule matches, the item cannot be added /,\n },\n /\n validation: {\n type: Array,\n default: () => [],\n validator(value) {\n return !value.some(v => {\n const missingRule = !v.rule;\n if (missingRule) console.warn('Property \"rule\" is missing', v);\n\n const validRule = v.rule && (typeof v.rule === 'string' \|\| v.rule instanceof RegExp \|\| {}.toString.call(v.rule) === '[object Function]');\n\n if (!validRule) {\n console.warn('A rule must be type of string, RegExp or function. Found:', JSON.stringify(v.rule));\n }\n\n const missingClasses = !v.classes;\n if (missingClasses) console.warn('Property \"classes\" is missing', v);\n\n const invalidType = v.type && typeof v.type !== 'string';\n if (invalidType) console.warn('Property \"type\" must be type of string. Found:', v);\n\n return !validRule \|\| missingRule \|\| missingClasses \|\| invalidType;\n });\n },\n },\n /*\n @description Defines the characters which splits a text into different pieces,\n to generate tags out of this pieces.\n * @property {props}\n * @type {Array}\n * @default [';']\n * @example\n separators: [';', ',']\n input: some; user input, has random; commas, an,d semicolons\n will split into: some - user input - has random - commas - an - d semicolons\n /\n separators: {\n type: Array,\n default: () => [';'],\n validator(value) {\n return !value.some(s => {\n const invalidType = typeof s !== 'string';\n if (invalidType) console.warn('Separators must be type of string. Found:', s);\n return invalidType;\n });\n },\n },\n /\n @description If it's true, the user can't add or save a tag,\n if another exists, with the same text value.\n * @property {props}\n * @type {Boolean}\n * @default true\n /\n avoidAddingDuplicates: {\n type: Boolean,\n default: true,\n },\n /\n @description If the input holds a value and loses the focus,\n a tag will be generated out of this value, if possible.\n * @property {props}\n * @type {Boolean}\n * @default true\n /\n addOnBlur: {\n type: Boolean,\n default: true,\n },\n /\n @description Custom function to detect duplicates. If the function returns 'true',\n the tag will be marked as duplicate.\n * @property {props}\n * @type {Function}\n * @param {Array} tagsarray The Array of tags minus the one which is edited/created.\n * @param {Object} tag The tag which is edited or should be added to the tags array.\n * @example\n // The duplicate function to recreate the default behaviour, would look like this:\n isDuplicate(tags, tag) {\n &ensp;return tags.map(t => t.text).indexOf(tag.text) !== -1;\n }\n /\n isDuplicate: {\n type: Function,\n default: null,\n },\n /\n @description If it's true, the user can paste into the input element and\n vue-tags-input will create tags out of the incoming text.\n * @property {props}\n * @type {Boolean}\n * @default true\n /\n addFromPaste: {\n type: Boolean,\n default: true,\n },\n /\n @description Defines if it's possible to delete tags by pressing backspace.\n If so and the user wants to delete a tag,\n the tag gets the css class 'deletion-mark' for 1 second.\n If the user presses backspace again in that time period,\n the tag is removed from the tags array and the view.\n * @property {props}\n * @type {Boolean}\n * @default true\n */\n deleteOnBackspace: {\n default: true,\n type: Boolean,\n },\n // event handlers\n onBeforeAddingTag: Function,\n onBeforeDeletingTag: Function,\n onBeforeEditingTag: Function,\n onBeforeSavingTag: Function,\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"vue-tags-input.props.cjs","sources":["../../../../../src/components/FieldTags/vue-tags-input.props.js"],"sourcesContent":["// The file contains all props and validators which are provided by the component\n\nconst propValidatorTag = value => {\n return !value.some(t => {\n const invalidText = !t.text;\n if (invalidText) console.warn('Missing property \"text\"', t);\n\n let invalidClasses = false;\n if (t.classes) invalidClasses = typeof t.classes !== 'string';\n if (invalidClasses) console.warn('Property \"classes\" must be type of string', t);\n\n return invalidText \|\| invalidClasses;\n });\n};\n\nconst propValidatorStringNumeric = value => {\n return !value.some(v => {\n if (typeof v === 'number') {\n const numeric = isFinite(v) && Math.floor(v) === v;\n if (!numeric) console.warn('Only numerics are allowed for this prop. Found:', v);\n return !numeric;\n } else if (typeof v === 'string') {\n /\n Regex: \|\| Not totally fool-proof yet, still matches \"0a\" and such\n * - allow non-word characters (aka symbols e.g. ;, :, ' etc)\n * - allow alpha characters\n * - deny numbers\n /\n const string = /\\W\|[a-z]\|!\\d/i.test(v);\n if (!string) console.warn('Only alpha strings are allowed for this prop. Found:', v);\n return !string;\n } else {\n console.warn('Only numeric and string values are allowed. Found:', v);\n return false;\n }\n });\n};\n\nexport default {\n /\n @description Property to bind a model to the input.\n If the user changes the input value, the model updates, too.\n If the user presses enter with an valid input,\n a new tag is created with the value of this model.\n After creating the new tag, the model is cleared.\n * @property {props}\n * @required\n * @type {String}\n * @model\n * @default ''\n /\n modelValue: {\n type: String,\n default: '',\n required: true,\n },\n /\n @description Pass an array containing objects like in the example below.\n The properties 'style' and 'class' are optional. Of course it is possible to add custom\n properties to a tag object. vue-tags-input won't change the key and value.\n * @property {props}\n * @type {Array}\n * @sync\n * @default []\n * @example\n {\n &emsp;text: 'My tag value', /* The visible text on display /\n &emsp;style: 'background-color: #ccc', / Adding inline styles is possible /\n &emsp;classes: 'custom-class another', / The value will be added as css classes /\n }\n /\n tags: {\n type: Array,\n default: () => [],\n validator: propValidatorTag,\n },\n /*\n @description Expects an array containing objects inside. The objects\n can have the same properties as a tag object.\n * @property {props}\n * @type {Array}\n * @default []\n /\n autocompleteItems: {\n type: Array,\n default: () => [],\n validator: propValidatorTag,\n },\n /\n @description Defines whether a tag is editable after creation or not.\n * @property {props}\n * @type {Boolean}\n * @default false\n /\n allowEditTags: {\n type: Boolean,\n default: false,\n },\n /\n @description Defines if duplicate autocomplete items are filtered out from the view or not.\n * @property {props}\n * @type {Boolean}\n * @default true\n /\n autocompleteFilterDuplicates: {\n default: true,\n type: Boolean,\n },\n /\n @description If it's true, the user can add tags only via the autocomplete layer.\n * @property {props}\n * @type {Boolean}\n * @default false\n /\n addOnlyFromAutocomplete: {\n type: Boolean,\n default: false,\n },\n /\n @description The minimum character length which is required\n until the autocomplete layer is shown. If set to 0,\n then it'll be shown on focus.\n * @property {props}\n * @type {Number}\n * @default 1\n /\n autocompleteMinLength: {\n type: Number,\n default: 1,\n },\n /\n @description If it's true, the autocomplete layer is always shown, regardless if\n an input or an autocomplete items exists.\n * @property {props}\n * @type {Boolean}\n * @default false\n /\n autocompleteAlwaysOpen: {\n type: Boolean,\n default: false,\n },\n /\n @description Property to disable vue-tags-input.\n * @property {props}\n * @type {Boolean}\n * @default false\n /\n disabled: {\n type: Boolean,\n default: false,\n },\n /\n @description The placeholder text which is shown in the input, when it's empty.\n * @property {props}\n * @type {String}\n * @default Add Tag\n /\n placeholder: {\n type: String,\n default: 'Add Tag',\n },\n /\n @description Custom trigger key codes can be registrated. If the user presses one of these,\n a tag will be generated out of the input value. Can be either a numeric keyCode or the key\n as a string.\n * @property {props}\n * @type {Array}\n * @default [13]\n * @example add-on-key=\"[13, ':', ';']\"\n /\n addOnKey: {\n type: Array,\n default: () => [13],\n validator: propValidatorStringNumeric,\n },\n /\n @description Custom trigger key codes can be registrated. If the user edits a tag\n and presses one of these, the edited tag will be saved.\n Can be either a numeric keyCode or the key as a string.\n * @property {props}\n * @type {Array}\n * @default [13]\n * @example save-on-key=\"[13, ':', ';']\"\n /\n saveOnKey: {\n type: Array,\n default: () => [13],\n validator: propValidatorStringNumeric,\n },\n /\n @description The maximum amount the tags array is allowed to hold.\n * @property {props}\n * @type {Number}\n /\n maxTags: {\n type: Number,\n },\n /\n @description The maximum amount of characters the input is allowed to hold.\n * @property {props}\n * @type {Number}\n /\n maxlength: {\n type: Number,\n },\n /\n @description Pass an array containing objects like in the example below.\n The property 'classes' will be added as css classes, if the property 'rule' matches the text\n of a tag, an autocomplete item or the input. The property 'rule' can be type of\n RegExp or function. If the property 'disableAdd' is 'true', the item can't be added\n to the tags array, if the appropriated rule matches.\n * @property {props}\n * @type {Array}\n * @default []\n * @example\n {\n &ensp;classes: 'class', /* css class /\n &ensp;rule: /^([^0-9])$/, /* RegExp /\n }, {\n &ensp;classes: 'no-braces', / css class /\n &ensp;rule(text) { / function with text as param /\n &ensp;&ensp;return text.indexOf('{') !== -1 \|\| text.indexOf('}') !== -1;\n &ensp;},\n &ensp;disableAdd: true, / if the rule matches, the item cannot be added /,\n },\n /\n validation: {\n type: Array,\n default: () => [],\n validator(value) {\n return !value.some(v => {\n const missingRule = !v.rule;\n if (missingRule) console.warn('Property \"rule\" is missing', v);\n\n const validRule = v.rule && (typeof v.rule === 'string' \|\| v.rule instanceof RegExp \|\| {}.toString.call(v.rule) === '[object Function]');\n\n if (!validRule) {\n console.warn('A rule must be type of string, RegExp or function. Found:', JSON.stringify(v.rule));\n }\n\n const missingClasses = !v.classes;\n if (missingClasses) console.warn('Property \"classes\" is missing', v);\n\n const invalidType = v.type && typeof v.type !== 'string';\n if (invalidType) console.warn('Property \"type\" must be type of string. Found:', v);\n\n return !validRule \|\| missingRule \|\| missingClasses \|\| invalidType;\n });\n },\n },\n /*\n @description Defines the characters which splits a text into different pieces,\n to generate tags out of this pieces.\n * @property {props}\n * @type {Array}\n * @default [';']\n * @example\n separators: [';', ',']\n input: some; user input, has random; commas, an,d semicolons\n will split into: some - user input - has random - commas - an - d semicolons\n /\n separators: {\n type: Array,\n default: () => [';'],\n validator(value) {\n return !value.some(s => {\n const invalidType = typeof s !== 'string';\n if (invalidType) console.warn('Separators must be type of string. Found:', s);\n return invalidType;\n });\n },\n },\n /\n @description If it's true, the user can't add or save a tag,\n if another exists, with the same text value.\n * @property {props}\n * @type {Boolean}\n * @default true\n /\n avoidAddingDuplicates: {\n type: Boolean,\n default: true,\n },\n /\n @description If the input holds a value and loses the focus,\n a tag will be generated out of this value, if possible.\n * @property {props}\n * @type {Boolean}\n * @default true\n /\n addOnBlur: {\n type: Boolean,\n default: true,\n },\n /\n @description Custom function to detect duplicates. If the function returns 'true',\n the tag will be marked as duplicate.\n * @property {props}\n * @type {Function}\n * @param {Array} tagsarray The Array of tags minus the one which is edited/created.\n * @param {Object} tag The tag which is edited or should be added to the tags array.\n * @example\n // The duplicate function to recreate the default behaviour, would look like this:\n isDuplicate(tags, tag) {\n &ensp;return tags.map(t => t.text).indexOf(tag.text) !== -1;\n }\n /\n isDuplicate: {\n type: Function,\n default: null,\n },\n /\n @description If it's true, the user can paste into the input element and\n vue-tags-input will create tags out of the incoming text.\n * @property {props}\n * @type {Boolean}\n * @default true\n /\n addFromPaste: {\n type: Boolean,\n default: true,\n },\n /\n @description Defines if it's possible to delete tags by pressing backspace.\n If so and the user wants to delete a tag,\n the tag gets the css class 'deletion-mark' for 1 second.\n If the user presses backspace again in that time period,\n the tag is removed from the tags array and the view.\n * @property {props}\n * @type {Boolean}\n * @default true\n */\n deleteOnBackspace: {\n default: true,\n type: Boolean,\n },\n // event handlers\n onBeforeAddingTag: Function,\n onBeforeDeletingTag: Function,\n onBeforeEditingTag: Function,\n onBeforeSavingTag: Function,\n};\n"],"names":[],"mappings":"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"}

package/dist/martyrs/src/components/FieldTags/vue-tags-input.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"vue-tags-input.props.js","sources":["../../../../../src/components/FieldTags/vue-tags-input.props.js"],"sourcesContent":["// The file contains all props and validators which are provided by the component\n\nconst propValidatorTag = value => {\n return !value.some(t => {\n const invalidText = !t.text;\n if (invalidText) console.warn('Missing property \"text\"', t);\n\n let invalidClasses = false;\n if (t.classes) invalidClasses = typeof t.classes !== 'string';\n if (invalidClasses) console.warn('Property \"classes\" must be type of string', t);\n\n return invalidText \|\| invalidClasses;\n });\n};\n\nconst propValidatorStringNumeric = value => {\n return !value.some(v => {\n if (typeof v === 'number') {\n const numeric = isFinite(v) && Math.floor(v) === v;\n if (!numeric) console.warn('Only numerics are allowed for this prop. Found:', v);\n return !numeric;\n } else if (typeof v === 'string') {\n /\n Regex: \|\| Not totally fool-proof yet, still matches \"0a\" and such\n * - allow non-word characters (aka symbols e.g. ;, :, ' etc)\n * - allow alpha characters\n * - deny numbers\n /\n const string = /\\W\|[a-z]\|!\\d/i.test(v);\n if (!string) console.warn('Only alpha strings are allowed for this prop. Found:', v);\n return !string;\n } else {\n console.warn('Only numeric and string values are allowed. Found:', v);\n return false;\n }\n });\n};\n\nexport default {\n /\n @description Property to bind a model to the input.\n If the user changes the input value, the model updates, too.\n If the user presses enter with an valid input,\n a new tag is created with the value of this model.\n After creating the new tag, the model is cleared.\n * @property {props}\n * @required\n * @type {String}\n * @model\n * @default ''\n /\n modelValue: {\n type: String,\n default: '',\n required: true,\n },\n /\n @description Pass an array containing objects like in the example below.\n The properties 'style' and 'class' are optional. Of course it is possible to add custom\n properties to a tag object. vue-tags-input won't change the key and value.\n * @property {props}\n * @type {Array}\n * @sync\n * @default []\n * @example\n {\n &emsp;text: 'My tag value', /* The visible text on display /\n &emsp;style: 'background-color: #ccc', / Adding inline styles is possible /\n &emsp;classes: 'custom-class another', / The value will be added as css classes /\n }\n /\n tags: {\n type: Array,\n default: () => [],\n validator: propValidatorTag,\n },\n /*\n @description Expects an array containing objects inside. The objects\n can have the same properties as a tag object.\n * @property {props}\n * @type {Array}\n * @default []\n /\n autocompleteItems: {\n type: Array,\n default: () => [],\n validator: propValidatorTag,\n },\n /\n @description Defines whether a tag is editable after creation or not.\n * @property {props}\n * @type {Boolean}\n * @default false\n /\n allowEditTags: {\n type: Boolean,\n default: false,\n },\n /\n @description Defines if duplicate autocomplete items are filtered out from the view or not.\n * @property {props}\n * @type {Boolean}\n * @default true\n /\n autocompleteFilterDuplicates: {\n default: true,\n type: Boolean,\n },\n /\n @description If it's true, the user can add tags only via the autocomplete layer.\n * @property {props}\n * @type {Boolean}\n * @default false\n /\n addOnlyFromAutocomplete: {\n type: Boolean,\n default: false,\n },\n /\n @description The minimum character length which is required\n until the autocomplete layer is shown. If set to 0,\n then it'll be shown on focus.\n * @property {props}\n * @type {Number}\n * @default 1\n /\n autocompleteMinLength: {\n type: Number,\n default: 1,\n },\n /\n @description If it's true, the autocomplete layer is always shown, regardless if\n an input or an autocomplete items exists.\n * @property {props}\n * @type {Boolean}\n * @default false\n /\n autocompleteAlwaysOpen: {\n type: Boolean,\n default: false,\n },\n /\n @description Property to disable vue-tags-input.\n * @property {props}\n * @type {Boolean}\n * @default false\n /\n disabled: {\n type: Boolean,\n default: false,\n },\n /\n @description The placeholder text which is shown in the input, when it's empty.\n * @property {props}\n * @type {String}\n * @default Add Tag\n /\n placeholder: {\n type: String,\n default: 'Add Tag',\n },\n /\n @description Custom trigger key codes can be registrated. If the user presses one of these,\n a tag will be generated out of the input value. Can be either a numeric keyCode or the key\n as a string.\n * @property {props}\n * @type {Array}\n * @default [13]\n * @example add-on-key=\"[13, ':', ';']\"\n /\n addOnKey: {\n type: Array,\n default: () => [13],\n validator: propValidatorStringNumeric,\n },\n /\n @description Custom trigger key codes can be registrated. If the user edits a tag\n and presses one of these, the edited tag will be saved.\n Can be either a numeric keyCode or the key as a string.\n * @property {props}\n * @type {Array}\n * @default [13]\n * @example save-on-key=\"[13, ':', ';']\"\n /\n saveOnKey: {\n type: Array,\n default: () => [13],\n validator: propValidatorStringNumeric,\n },\n /\n @description The maximum amount the tags array is allowed to hold.\n * @property {props}\n * @type {Number}\n /\n maxTags: {\n type: Number,\n },\n /\n @description The maximum amount of characters the input is allowed to hold.\n * @property {props}\n * @type {Number}\n /\n maxlength: {\n type: Number,\n },\n /\n @description Pass an array containing objects like in the example below.\n The property 'classes' will be added as css classes, if the property 'rule' matches the text\n of a tag, an autocomplete item or the input. The property 'rule' can be type of\n RegExp or function. If the property 'disableAdd' is 'true', the item can't be added\n to the tags array, if the appropriated rule matches.\n * @property {props}\n * @type {Array}\n * @default []\n * @example\n {\n &ensp;classes: 'class', /* css class /\n &ensp;rule: /^([^0-9])$/, /* RegExp /\n }, {\n &ensp;classes: 'no-braces', / css class /\n &ensp;rule(text) { / function with text as param /\n &ensp;&ensp;return text.indexOf('{') !== -1 \|\| text.indexOf('}') !== -1;\n &ensp;},\n &ensp;disableAdd: true, / if the rule matches, the item cannot be added /,\n },\n /\n validation: {\n type: Array,\n default: () => [],\n validator(value) {\n return !value.some(v => {\n const missingRule = !v.rule;\n if (missingRule) console.warn('Property \"rule\" is missing', v);\n\n const validRule = v.rule && (typeof v.rule === 'string' \|\| v.rule instanceof RegExp \|\| {}.toString.call(v.rule) === '[object Function]');\n\n if (!validRule) {\n console.warn('A rule must be type of string, RegExp or function. Found:', JSON.stringify(v.rule));\n }\n\n const missingClasses = !v.classes;\n if (missingClasses) console.warn('Property \"classes\" is missing', v);\n\n const invalidType = v.type && typeof v.type !== 'string';\n if (invalidType) console.warn('Property \"type\" must be type of string. Found:', v);\n\n return !validRule \|\| missingRule \|\| missingClasses \|\| invalidType;\n });\n },\n },\n /*\n @description Defines the characters which splits a text into different pieces,\n to generate tags out of this pieces.\n * @property {props}\n * @type {Array}\n * @default [';']\n * @example\n separators: [';', ',']\n input: some; user input, has random; commas, an,d semicolons\n will split into: some - user input - has random - commas - an - d semicolons\n /\n separators: {\n type: Array,\n default: () => [';'],\n validator(value) {\n return !value.some(s => {\n const invalidType = typeof s !== 'string';\n if (invalidType) console.warn('Separators must be type of string. Found:', s);\n return invalidType;\n });\n },\n },\n /\n @description If it's true, the user can't add or save a tag,\n if another exists, with the same text value.\n * @property {props}\n * @type {Boolean}\n * @default true\n /\n avoidAddingDuplicates: {\n type: Boolean,\n default: true,\n },\n /\n @description If the input holds a value and loses the focus,\n a tag will be generated out of this value, if possible.\n * @property {props}\n * @type {Boolean}\n * @default true\n /\n addOnBlur: {\n type: Boolean,\n default: true,\n },\n /\n @description Custom function to detect duplicates. If the function returns 'true',\n the tag will be marked as duplicate.\n * @property {props}\n * @type {Function}\n * @param {Array} tagsarray The Array of tags minus the one which is edited/created.\n * @param {Object} tag The tag which is edited or should be added to the tags array.\n * @example\n // The duplicate function to recreate the default behaviour, would look like this:\n isDuplicate(tags, tag) {\n &ensp;return tags.map(t => t.text).indexOf(tag.text) !== -1;\n }\n /\n isDuplicate: {\n type: Function,\n default: null,\n },\n /\n @description If it's true, the user can paste into the input element and\n vue-tags-input will create tags out of the incoming text.\n * @property {props}\n * @type {Boolean}\n * @default true\n /\n addFromPaste: {\n type: Boolean,\n default: true,\n },\n /\n @description Defines if it's possible to delete tags by pressing backspace.\n If so and the user wants to delete a tag,\n the tag gets the css class 'deletion-mark' for 1 second.\n If the user presses backspace again in that time period,\n the tag is removed from the tags array and the view.\n * @property {props}\n * @type {Boolean}\n * @default true\n */\n deleteOnBackspace: {\n default: true,\n type: Boolean,\n },\n // event handlers\n onBeforeAddingTag: Function,\n onBeforeDeletingTag: Function,\n onBeforeEditingTag: Function,\n onBeforeSavingTag: Function,\n};\n"],"names":[],"mappings":"AAEA,MAAM,mBAAmB,WAAS;AAChC,SAAO,CAAC,MAAM,KAAK,OAAK;AACtB,UAAM,cAAc,CAAC,EAAE;AACvB,QAAI,YAAa,SAAQ,KAAK,2BAA2B,CAAC;AAE1D,QAAI,iBAAiB;AACrB,QAAI,EAAE,QAAS,kBAAiB,OAAO,EAAE,YAAY;AACrD,QAAI,eAAgB,SAAQ,KAAK,6CAA6C,CAAC;AAE/E,WAAO,eAAe;AAAA,EAC1B,CAAG;AACH;AAEA,MAAM,6BAA6B,WAAS;AAC1C,SAAO,CAAC,MAAM,KAAK,OAAK;AACtB,QAAI,OAAO,MAAM,UAAU;AACzB,YAAM,UAAU,SAAS,CAAC,KAAK,KAAK,MAAM,CAAC,MAAM;AACjD,UAAI,CAAC,QAAS,SAAQ,KAAK,mDAAmD,CAAC;AAC/E,aAAO,CAAC;AAAA,IACd,WAAe,OAAO,MAAM,UAAU;AAOhC,YAAM,SAAS,gBAAgB,KAAK,CAAC;AACrC,UAAI,CAAC,OAAQ,SAAQ,KAAK,wDAAwD,CAAC;AACnF,aAAO,CAAC;AAAA,IACd,OAAW;AACL,cAAQ,KAAK,sDAAsD,CAAC;AACpE,aAAO;AAAA,IACb;AAAA,EACA,CAAG;AACH;AAEA,MAAe,QAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAab,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,IACT,UAAU;AAAA,EACX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBD,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS,MAAM,CAAE;AAAA,IACjB,WAAW;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQD,mBAAmB;AAAA,IACjB,MAAM;AAAA,IACN,SAAS,MAAM,CAAE;AAAA,IACjB,WAAW;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOD,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA,EACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOD,8BAA8B;AAAA,IAC5B,SAAS;AAAA,IACT,MAAM;AAAA,EACP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOD,yBAAyB;AAAA,IACvB,MAAM;AAAA,IACN,SAAS;AAAA,EACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASD,uBAAuB;AAAA,IACrB,MAAM;AAAA,IACN,SAAS;AAAA,EACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQD,wBAAwB;AAAA,IACtB,MAAM;AAAA,IACN,SAAS;AAAA,EACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOD,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOD,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA,EACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUD,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS,MAAM,CAAC,EAAE;AAAA,IAClB,WAAW;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUD,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS,MAAM,CAAC,EAAE;AAAA,IAClB,WAAW;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,SAAS;AAAA,IACP,MAAM;AAAA,EACP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,WAAW;AAAA,IACT,MAAM;AAAA,EACP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBD,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS,MAAM,CAAE;AAAA,IACjB,UAAU,OAAO;AACf,aAAO,CAAC,MAAM,KAAK,OAAK;AACtB,cAAM,cAAc,CAAC,EAAE;AACvB,YAAI,YAAa,SAAQ,KAAK,8BAA8B,CAAC;AAE7D,cAAM,YAAY,EAAE,SAAS,OAAO,EAAE,SAAS,YAAY,EAAE,gBAAgB,UAAU,CAAE,EAAC,SAAS,KAAK,EAAE,IAAI,MAAM;AAEpH,YAAI,CAAC,WAAW;AACd,kBAAQ,KAAK,6DAA6D,KAAK,UAAU,EAAE,IAAI,CAAC;AAAA,QAC1G;AAEQ,cAAM,iBAAiB,CAAC,EAAE;AAC1B,YAAI,eAAgB,SAAQ,KAAK,iCAAiC,CAAC;AAEnE,cAAM,cAAc,EAAE,QAAQ,OAAO,EAAE,SAAS;AAChD,YAAI,YAAa,SAAQ,KAAK,kDAAkD,CAAC;AAEjF,eAAO,CAAC,aAAa,eAAe,kBAAkB;AAAA,MAC9D,CAAO;AAAA,IACF;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYD,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS,MAAM,CAAC,GAAG;AAAA,IACnB,UAAU,OAAO;AACf,aAAO,CAAC,MAAM,KAAK,OAAK;AACtB,cAAM,cAAc,OAAO,MAAM;AACjC,YAAI,YAAa,SAAQ,KAAK,6CAA6C,CAAC;AAC5E,eAAO;AAAA,MACf,CAAO;AAAA,IACF;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQD,uBAAuB;AAAA,IACrB,MAAM;AAAA,IACN,SAAS;AAAA,EACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQD,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcD,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA,EACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQD,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA,EACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWD,mBAAmB;AAAA,IACjB,SAAS;AAAA,IACT,MAAM;AAAA,EACP;AAAA;AAAA,EAED,mBAAmB;AAAA,EACnB,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,mBAAmB;AACrB;"}
1	+ {"version":3,"file":"vue-tags-input.props.js","sources":["../../../../../src/components/FieldTags/vue-tags-input.props.js"],"sourcesContent":["// The file contains all props and validators which are provided by the component\n\nconst propValidatorTag = value => {\n return !value.some(t => {\n const invalidText = !t.text;\n if (invalidText) console.warn('Missing property \"text\"', t);\n\n let invalidClasses = false;\n if (t.classes) invalidClasses = typeof t.classes !== 'string';\n if (invalidClasses) console.warn('Property \"classes\" must be type of string', t);\n\n return invalidText \|\| invalidClasses;\n });\n};\n\nconst propValidatorStringNumeric = value => {\n return !value.some(v => {\n if (typeof v === 'number') {\n const numeric = isFinite(v) && Math.floor(v) === v;\n if (!numeric) console.warn('Only numerics are allowed for this prop. Found:', v);\n return !numeric;\n } else if (typeof v === 'string') {\n /\n Regex: \|\| Not totally fool-proof yet, still matches \"0a\" and such\n * - allow non-word characters (aka symbols e.g. ;, :, ' etc)\n * - allow alpha characters\n * - deny numbers\n /\n const string = /\\W\|[a-z]\|!\\d/i.test(v);\n if (!string) console.warn('Only alpha strings are allowed for this prop. Found:', v);\n return !string;\n } else {\n console.warn('Only numeric and string values are allowed. Found:', v);\n return false;\n }\n });\n};\n\nexport default {\n /\n @description Property to bind a model to the input.\n If the user changes the input value, the model updates, too.\n If the user presses enter with an valid input,\n a new tag is created with the value of this model.\n After creating the new tag, the model is cleared.\n * @property {props}\n * @required\n * @type {String}\n * @model\n * @default ''\n /\n modelValue: {\n type: String,\n default: '',\n required: true,\n },\n /\n @description Pass an array containing objects like in the example below.\n The properties 'style' and 'class' are optional. Of course it is possible to add custom\n properties to a tag object. vue-tags-input won't change the key and value.\n * @property {props}\n * @type {Array}\n * @sync\n * @default []\n * @example\n {\n &emsp;text: 'My tag value', /* The visible text on display /\n &emsp;style: 'background-color: #ccc', / Adding inline styles is possible /\n &emsp;classes: 'custom-class another', / The value will be added as css classes /\n }\n /\n tags: {\n type: Array,\n default: () => [],\n validator: propValidatorTag,\n },\n /*\n @description Expects an array containing objects inside. The objects\n can have the same properties as a tag object.\n * @property {props}\n * @type {Array}\n * @default []\n /\n autocompleteItems: {\n type: Array,\n default: () => [],\n validator: propValidatorTag,\n },\n /\n @description Defines whether a tag is editable after creation or not.\n * @property {props}\n * @type {Boolean}\n * @default false\n /\n allowEditTags: {\n type: Boolean,\n default: false,\n },\n /\n @description Defines if duplicate autocomplete items are filtered out from the view or not.\n * @property {props}\n * @type {Boolean}\n * @default true\n /\n autocompleteFilterDuplicates: {\n default: true,\n type: Boolean,\n },\n /\n @description If it's true, the user can add tags only via the autocomplete layer.\n * @property {props}\n * @type {Boolean}\n * @default false\n /\n addOnlyFromAutocomplete: {\n type: Boolean,\n default: false,\n },\n /\n @description The minimum character length which is required\n until the autocomplete layer is shown. If set to 0,\n then it'll be shown on focus.\n * @property {props}\n * @type {Number}\n * @default 1\n /\n autocompleteMinLength: {\n type: Number,\n default: 1,\n },\n /\n @description If it's true, the autocomplete layer is always shown, regardless if\n an input or an autocomplete items exists.\n * @property {props}\n * @type {Boolean}\n * @default false\n /\n autocompleteAlwaysOpen: {\n type: Boolean,\n default: false,\n },\n /\n @description Property to disable vue-tags-input.\n * @property {props}\n * @type {Boolean}\n * @default false\n /\n disabled: {\n type: Boolean,\n default: false,\n },\n /\n @description The placeholder text which is shown in the input, when it's empty.\n * @property {props}\n * @type {String}\n * @default Add Tag\n /\n placeholder: {\n type: String,\n default: 'Add Tag',\n },\n /\n @description Custom trigger key codes can be registrated. If the user presses one of these,\n a tag will be generated out of the input value. Can be either a numeric keyCode or the key\n as a string.\n * @property {props}\n * @type {Array}\n * @default [13]\n * @example add-on-key=\"[13, ':', ';']\"\n /\n addOnKey: {\n type: Array,\n default: () => [13],\n validator: propValidatorStringNumeric,\n },\n /\n @description Custom trigger key codes can be registrated. If the user edits a tag\n and presses one of these, the edited tag will be saved.\n Can be either a numeric keyCode or the key as a string.\n * @property {props}\n * @type {Array}\n * @default [13]\n * @example save-on-key=\"[13, ':', ';']\"\n /\n saveOnKey: {\n type: Array,\n default: () => [13],\n validator: propValidatorStringNumeric,\n },\n /\n @description The maximum amount the tags array is allowed to hold.\n * @property {props}\n * @type {Number}\n /\n maxTags: {\n type: Number,\n },\n /\n @description The maximum amount of characters the input is allowed to hold.\n * @property {props}\n * @type {Number}\n /\n maxlength: {\n type: Number,\n },\n /\n @description Pass an array containing objects like in the example below.\n The property 'classes' will be added as css classes, if the property 'rule' matches the text\n of a tag, an autocomplete item or the input. The property 'rule' can be type of\n RegExp or function. If the property 'disableAdd' is 'true', the item can't be added\n to the tags array, if the appropriated rule matches.\n * @property {props}\n * @type {Array}\n * @default []\n * @example\n {\n &ensp;classes: 'class', /* css class /\n &ensp;rule: /^([^0-9])$/, /* RegExp /\n }, {\n &ensp;classes: 'no-braces', / css class /\n &ensp;rule(text) { / function with text as param /\n &ensp;&ensp;return text.indexOf('{') !== -1 \|\| text.indexOf('}') !== -1;\n &ensp;},\n &ensp;disableAdd: true, / if the rule matches, the item cannot be added /,\n },\n /\n validation: {\n type: Array,\n default: () => [],\n validator(value) {\n return !value.some(v => {\n const missingRule = !v.rule;\n if (missingRule) console.warn('Property \"rule\" is missing', v);\n\n const validRule = v.rule && (typeof v.rule === 'string' \|\| v.rule instanceof RegExp \|\| {}.toString.call(v.rule) === '[object Function]');\n\n if (!validRule) {\n console.warn('A rule must be type of string, RegExp or function. Found:', JSON.stringify(v.rule));\n }\n\n const missingClasses = !v.classes;\n if (missingClasses) console.warn('Property \"classes\" is missing', v);\n\n const invalidType = v.type && typeof v.type !== 'string';\n if (invalidType) console.warn('Property \"type\" must be type of string. Found:', v);\n\n return !validRule \|\| missingRule \|\| missingClasses \|\| invalidType;\n });\n },\n },\n /*\n @description Defines the characters which splits a text into different pieces,\n to generate tags out of this pieces.\n * @property {props}\n * @type {Array}\n * @default [';']\n * @example\n separators: [';', ',']\n input: some; user input, has random; commas, an,d semicolons\n will split into: some - user input - has random - commas - an - d semicolons\n /\n separators: {\n type: Array,\n default: () => [';'],\n validator(value) {\n return !value.some(s => {\n const invalidType = typeof s !== 'string';\n if (invalidType) console.warn('Separators must be type of string. Found:', s);\n return invalidType;\n });\n },\n },\n /\n @description If it's true, the user can't add or save a tag,\n if another exists, with the same text value.\n * @property {props}\n * @type {Boolean}\n * @default true\n /\n avoidAddingDuplicates: {\n type: Boolean,\n default: true,\n },\n /\n @description If the input holds a value and loses the focus,\n a tag will be generated out of this value, if possible.\n * @property {props}\n * @type {Boolean}\n * @default true\n /\n addOnBlur: {\n type: Boolean,\n default: true,\n },\n /\n @description Custom function to detect duplicates. If the function returns 'true',\n the tag will be marked as duplicate.\n * @property {props}\n * @type {Function}\n * @param {Array} tagsarray The Array of tags minus the one which is edited/created.\n * @param {Object} tag The tag which is edited or should be added to the tags array.\n * @example\n // The duplicate function to recreate the default behaviour, would look like this:\n isDuplicate(tags, tag) {\n &ensp;return tags.map(t => t.text).indexOf(tag.text) !== -1;\n }\n /\n isDuplicate: {\n type: Function,\n default: null,\n },\n /\n @description If it's true, the user can paste into the input element and\n vue-tags-input will create tags out of the incoming text.\n * @property {props}\n * @type {Boolean}\n * @default true\n /\n addFromPaste: {\n type: Boolean,\n default: true,\n },\n /\n @description Defines if it's possible to delete tags by pressing backspace.\n If so and the user wants to delete a tag,\n the tag gets the css class 'deletion-mark' for 1 second.\n If the user presses backspace again in that time period,\n the tag is removed from the tags array and the view.\n * @property {props}\n * @type {Boolean}\n * @default true\n */\n deleteOnBackspace: {\n default: true,\n type: Boolean,\n },\n // event handlers\n onBeforeAddingTag: Function,\n onBeforeDeletingTag: Function,\n onBeforeEditingTag: Function,\n onBeforeSavingTag: Function,\n};\n"],"names":[],"mappings":"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"}

package/dist/martyrs/src/components/Loader/{Loader.vue.cjs → Loader.vue2.cjs} RENAMED Viewed

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-;/* empty css              */
+;/* empty css             */
 const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _sfc_main = {
   props: {
@@ -58,4 +58,4 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 const Loader = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
 exports.default = Loader;
-//# sourceMappingURL=Loader.vue.cjs.map
+//# sourceMappingURL=Loader.vue2.cjs.map

package/dist/martyrs/src/components/Loader/Loader.vue2.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Loader.vue2.cjs","sources":["../../../../../src/components/Loader/Loader.vue"],"sourcesContent":["<template>\n <div class=\"circular-loader pos-relative z-index-1 w-100 h-100 w-max-2r h-max-2r h-min-1r w-min-1r\" :class=\"{ 'circular-loader-centered': centered }\">\n <svg viewBox=\"25 25 50 50\">\n <circle class=\"circular-loader-fill\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" stroke-width=\"4\" stroke-miterlimit=\"10\" />\n <circle class=\"circular-loader-circle\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" stroke-width=\"4\" stroke-miterlimit=\"10\" />\n </svg>\n <div v-if=\"progress\" class=\"progress-text\">{{ progress }}</div>\n <div v-if=\"status\" class=\"uppercase t-semi w-m-10r status-text\">{{ status }}</div>\n </div>\n</template>\n\n<script>\nexport default {\n props: {\n progress: {\n type: Number,\n default: null,\n },\n status: {\n type: String,\n default: null,\n },\n centered: {\n type: Boolean,\n default: true, // По умолчанию лоадер центрирован (для обратной совместимости)\n },\n },\n};\n</script>\n\n<style>\n.circular-loader-centered {\n top: calc(50% - 1rem);\n left: calc(50% - 1rem);\n}\n\n.circular-loader svg {\n animation: rotate 2s linear infinite;\n}\n\n.circular-loader-circle {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n stroke-linecap: round;\n stroke: rgb(var(--main));\n animation: dash 1.5s ease-in-out infinite;\n}\n\n.circular-loader-fill {\n stroke-linecap: round;\n stroke: rgba(var(--black),0.2);\n}\n\n.progress-text {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 0.8rem;\n color: rgb(var(--main));;\n}\n\n.status-text {\n position: absolute;\n top: 120%;\n left: calc(50% - 5rem);\n font-size: 0.8rem;\n width: 10rem !important;\n text-align: center;\n}\n\n@keyframes rotate {\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes dash {\n 0% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -35;\n }\n 100% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: -124;\n }\n}\n</style>"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString","_createCommentVNode"],"mappings":";;;;;AAYA,MAAK,YAAU;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;IAEX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;IAEX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;;AAGf;;EA3BA,KAAA;AAAA,EAMyB,OAAM;;;EAN/B,KAAA;AAAA,EAOuB,OAAM;;;0BAN3BA,IAAAA,mBAOM,OAAA;AAAA,IAPD,OADPC,IAAAA,eAAA,CACa,0FAAwF,EAAA,4BAAuC,OAAA,UAAQ,CAAA;AAAA;8BAChJC,IAAAA,mBAGM,OAAA,EAHD,SAAQ,iBAAa;AAAA,MACxBA,IAAAA,mBAAkH,UAAA;AAAA,QAA1G,OAAM;AAAA,QAAuB,IAAG;AAAA,QAAK,IAAG;AAAA,QAAK,GAAE;AAAA,QAAK,MAAK;AAAA,QAAO,gBAAa;AAAA,QAAI,qBAAkB;AAAA;MAC3GA,IAAAA,mBAAoH,UAAA;AAAA,QAA5G,OAAM;AAAA,QAAyB,IAAG;AAAA,QAAK,IAAG;AAAA,QAAK,GAAE;AAAA,QAAK,MAAK;AAAA,QAAO,gBAAa;AAAA,QAAI,qBAAkB;AAAA;;IAEpG,OAAA,6BAAXF,IAAAA,mBAA+D,OAA/D,YAA+DG,IAAAA,gBAAjB,OAAA,QAAQ,GAAA,CAAA,KAN1DC,IAAAA,mBAAA,IAAA,IAAA;AAAA,IAOe,OAAA,2BAAXJ,IAAAA,mBAAkF,OAAlF,YAAkFG,IAAAA,gBAAf,OAAA,MAAM,GAAA,CAAA,KAP7EC,IAAAA,mBAAA,IAAA,IAAA;AAAA;;;;"}

package/dist/martyrs/src/components/Loader/{Loader.vue.js → Loader.vue2.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, toDisplayString } from "vue";
-/* empty css            */
+/* empty css           */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   props: {
@@ -58,4 +58,4 @@ const Loader = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]])
 export {
   Loader as default
 };
-//# sourceMappingURL=Loader.vue.js.map
+//# sourceMappingURL=Loader.vue2.js.map

package/dist/martyrs/src/components/Loader/{Loader.vue.cjs.map → Loader.vue2.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Loader.~~vue~~.~~cjs~~","sources":["../../../../../src/components/Loader/Loader.vue"],"sourcesContent":["<template>\n <div class=\"circular-loader pos-relative z-index-1 w-100 h-100 w-max-2r h-max-2r h-min-1r w-min-1r\" :class=\"{ 'circular-loader-centered': centered }\">\n <svg viewBox=\"25 25 50 50\">\n <circle class=\"circular-loader-fill\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" stroke-width=\"4\" stroke-miterlimit=\"10\" />\n <circle class=\"circular-loader-circle\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" stroke-width=\"4\" stroke-miterlimit=\"10\" />\n </svg>\n <div v-if=\"progress\" class=\"progress-text\">{{ progress }}</div>\n <div v-if=\"status\" class=\"uppercase t-semi w-m-10r status-text\">{{ status }}</div>\n </div>\n</template>\n\n<script>\nexport default {\n props: {\n progress: {\n type: Number,\n default: null,\n },\n status: {\n type: String,\n default: null,\n },\n centered: {\n type: Boolean,\n default: true, // По умолчанию лоадер центрирован (для обратной совместимости)\n },\n },\n};\n</script>\n\n<style>\n.circular-loader-centered {\n top: calc(50% - 1rem);\n left: calc(50% - 1rem);\n}\n\n.circular-loader svg {\n animation: rotate 2s linear infinite;\n}\n\n.circular-loader-circle {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n stroke-linecap: round;\n stroke: rgb(var(--main));\n animation: dash 1.5s ease-in-out infinite;\n}\n\n.circular-loader-fill {\n stroke-linecap: round;\n stroke: rgba(var(--black),0.2);\n}\n\n.progress-text {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 0.8rem;\n color: rgb(var(--main));;\n}\n\n.status-text {\n position: absolute;\n top: 120%;\n left: calc(50% - 5rem);\n font-size: 0.8rem;\n width: 10rem !important;\n text-align: center;\n}\n\n@keyframes rotate {\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes dash {\n 0% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -35;\n }\n 100% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: -124;\n }\n}\n</style>"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString","_createCommentVNode"],"mappings":"~~;;;;;~~AAYA,MAAK,YAAU;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA~~,IACV~~;~~AAAA~~,~~IACD,~~QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA~~,IACV~~;~~AAAA~~,~~IACD,~~UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA~~,IACV;AAAA,EACF;AACH~~;;EA3BA,KAAA;AAAA,EAMyB,OAAM;;;EAN/B,KAAA;AAAA,EAOuB,OAAM;;;~~0BAN3BA~~,~~IAOM~~,~~mBAAA,~~OAAA;AAAA,IAPD,OADPC,~~IAAA,~~eAAA,CACa,0FAAwF,EAAA,4BAAuC,~~OAAQ~~,~~UAAA~~,CAAA;AAAA;8BAChJC,~~IAGM~~,~~mBAAA,~~OAAA,EAHD,SAAQ,iBAAa;AAAA,MACxBA,~~IAAAA,~~mBAAkH,UAAA;AAAA,QAA1G,OAAM;AAAA,QAAuB,IAAG;AAAA,QAAK,IAAG;AAAA,QAAK,GAAE;AAAA,QAAK,MAAK;AAAA,QAAO,gBAAa;AAAA,QAAI,qBAAkB;AAAA;MAC3GA,~~IAAAA,~~mBAAoH,UAAA;AAAA,QAA5G,OAAM;AAAA,QAAyB,IAAG;AAAA,QAAK,IAAG;AAAA,QAAK,GAAE;AAAA,QAAK,MAAK;AAAA,QAAO,gBAAa;AAAA,QAAI,qBAAkB;AAAA;;IAEpG,~~OAAQ~~,~~6BAAnBF~~,~~IAA~~+D,~~mBAAA,~~OAA/D,YAA+DG,~~IAAAA,~~gBAAjB,~~OAAQ~~,~~QAAA~~,GAAA,CAAA,KAN1DC,~~IAAA,~~mBAAA,IAAA,IAAA;AAAA,IAOe,~~OAAM~~,~~2BAAjBJ~~,~~IAAkF~~,~~mBAAA,~~OAAlF,YAAkFG,~~IAAAA,~~gBAAf,~~OAAM~~,~~MAAA~~,GAAA,CAAA,KAP7EC,~~IAAA,~~mBAAA,IAAA,IAAA;AAAA~~;;;;~~"}
1	+ {"version":3,"file":"Loader.vue2.js","sources":["../../../../../src/components/Loader/Loader.vue"],"sourcesContent":["<template>\n <div class=\"circular-loader pos-relative z-index-1 w-100 h-100 w-max-2r h-max-2r h-min-1r w-min-1r\" :class=\"{ 'circular-loader-centered': centered }\">\n <svg viewBox=\"25 25 50 50\">\n <circle class=\"circular-loader-fill\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" stroke-width=\"4\" stroke-miterlimit=\"10\" />\n <circle class=\"circular-loader-circle\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" stroke-width=\"4\" stroke-miterlimit=\"10\" />\n </svg>\n <div v-if=\"progress\" class=\"progress-text\">{{ progress }}</div>\n <div v-if=\"status\" class=\"uppercase t-semi w-m-10r status-text\">{{ status }}</div>\n </div>\n</template>\n\n<script>\nexport default {\n props: {\n progress: {\n type: Number,\n default: null,\n },\n status: {\n type: String,\n default: null,\n },\n centered: {\n type: Boolean,\n default: true, // По умолчанию лоадер центрирован (для обратной совместимости)\n },\n },\n};\n</script>\n\n<style>\n.circular-loader-centered {\n top: calc(50% - 1rem);\n left: calc(50% - 1rem);\n}\n\n.circular-loader svg {\n animation: rotate 2s linear infinite;\n}\n\n.circular-loader-circle {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n stroke-linecap: round;\n stroke: rgb(var(--main));\n animation: dash 1.5s ease-in-out infinite;\n}\n\n.circular-loader-fill {\n stroke-linecap: round;\n stroke: rgba(var(--black),0.2);\n}\n\n.progress-text {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 0.8rem;\n color: rgb(var(--main));;\n}\n\n.status-text {\n position: absolute;\n top: 120%;\n left: calc(50% - 5rem);\n font-size: 0.8rem;\n width: 10rem !important;\n text-align: center;\n}\n\n@keyframes rotate {\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes dash {\n 0% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -35;\n }\n 100% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: -124;\n }\n}\n</style>"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString","_createCommentVNode"],"mappings":";;;AAYA,MAAK,YAAU;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;IAEX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;IAEX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;;AAGf;;EA3BA,KAAA;AAAA,EAMyB,OAAM;;;EAN/B,KAAA;AAAA,EAOuB,OAAM;;;sBAN3BA,mBAOM,OAAA;AAAA,IAPD,OADPC,eAAA,CACa,0FAAwF,EAAA,4BAAuC,OAAA,UAAQ,CAAA;AAAA;8BAChJC,mBAGM,OAAA,EAHD,SAAQ,iBAAa;AAAA,MACxBA,mBAAkH,UAAA;AAAA,QAA1G,OAAM;AAAA,QAAuB,IAAG;AAAA,QAAK,IAAG;AAAA,QAAK,GAAE;AAAA,QAAK,MAAK;AAAA,QAAO,gBAAa;AAAA,QAAI,qBAAkB;AAAA;MAC3GA,mBAAoH,UAAA;AAAA,QAA5G,OAAM;AAAA,QAAyB,IAAG;AAAA,QAAK,IAAG;AAAA,QAAK,GAAE;AAAA,QAAK,MAAK;AAAA,QAAO,gBAAa;AAAA,QAAI,qBAAkB;AAAA;;IAEpG,OAAA,yBAAXF,mBAA+D,OAA/D,YAA+DG,gBAAjB,OAAA,QAAQ,GAAA,CAAA,KAN1DC,mBAAA,IAAA,IAAA;AAAA,IAOe,OAAA,uBAAXJ,mBAAkF,OAAlF,YAAkFG,gBAAf,OAAA,MAAM,GAAA,CAAA,KAP7EC,mBAAA,IAAA,IAAA;AAAA;;;"}

package/dist/martyrs/src/components/LocationMarker/LocationMarker.vue2.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const index = require("../../../../node_modules/.pnpm/@googlemaps_js-api-loader@1.16.8/node_modules/@googlemaps/js-api-loader/dist/index.cjs");
-const Loader = require("../Loader/Loader.vue.cjs");
+const Loader = require("../Loader/Loader.vue2.cjs");
 ;/* empty css                     */
 const _hoisted_1 = { class: "pos-relative" };
 const _hoisted_2 = {

package/dist/martyrs/src/components/LocationMarker/LocationMarker.vue2.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LocationMarker.vue2.cjs","sources":["../../../../../src/components/LocationMarker/LocationMarker.vue"],"sourcesContent":["<template>\n <div class=\"pos-relative\">\n <div ref=\"mapContainer\" class=\"w-100 h-100\"></div>\n\n <button class=\"cursor-pointer flex-center flex pos-absolute pos-t-regular pos-r-regular i-semi bg-second pd-nano radius-extra\" @click=\"setUserLocation\">\n\n <transition name=\"ScaleOut\" mode=\"out-in\"> \n <svg v-if=\"!locationLoading\" class=\"i-regular\" width=\"98\" height=\"98\" viewBox=\"0 0 98 98\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M50.0004 31.4995C39.7996 31.4995 31.5 39.7991 31.5 49.9999C31.5 60.2007 39.7996 68.5003 50.0004 68.5003C60.2012 68.5003 68.5008 60.2007 68.5008 49.9999C68.5008 39.7991 60.2012 31.4995 50.0004 31.4995ZM50.0004 63.7944C42.3941 63.7944 36.2059 57.6062 36.2059 49.9999C36.2059 42.3936 42.3941 36.2054 50.0004 36.2054C57.6067 36.2054 63.7949 42.3936 63.7949 49.9999C63.7949 57.6062 57.6067 63.7944 50.0004 63.7944Z\" fill=\"rgb(var(--white))\"/>\n <path d=\"M97.6471 47.6471H84.56C83.3977 30.4141 69.5859 16.6024 52.3529 15.44V2.35294C52.3529 1.05255 51.2988 0 50 0C48.6996 0 47.6471 1.05255 47.6471 2.35294V15.44C30.4141 16.6024 16.6024 30.4141 15.44 47.6471H2.35294C1.05255 47.6471 0 48.6996 0 50C0 51.2988 1.05255 52.3529 2.35294 52.3529H15.44C16.6024 69.5859 30.4141 83.3977 47.6471 84.56V97.6471C47.6471 98.9459 48.6996 100 50 100C51.2988 100 52.3529 98.9459 52.3529 97.6471V84.56C69.5859 83.3977 83.3977 69.5859 84.56 52.3529H97.6471C98.9459 52.3529 100 51.2988 100 50C100 48.6996 98.9459 47.6471 97.6471 47.6471ZM50 79.9435C33.4886 79.9435 20.0565 66.5114 20.0565 50C20.0565 33.4886 33.4886 20.0565 50 20.0565C66.5098 20.0565 79.9435 33.4886 79.9435 50C79.9435 66.5098 66.5098 79.9435 50 79.9435Z\" fill=\"rgb(var(--white))\"/> \n </svg>\n\n <Loader v-else class=\"pos-t-0 pos-l-0 i-small\"/>\n </transition>\n\n </button>\n </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, watchEffect } from 'vue';\nimport { Loader as GMLoader } from \"@googlemaps/js-api-loader\";\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\n// Добавим новый проп для ключа API\nconst props = defineProps({\n location: {\n type: Object,\n default: () => ({ lat: 15.8700, lng: 100.9925 })\n },\n address: {\n type: String,\n default: null\n },\n apiKey: String,\n locale: {\n type: String,\n default: 'en'\n }\n})\n\nconst emit = defineEmits(['update:location', 'update:address', 'update:country', 'update:state', 'update:city']);\n\nconst mapContainer = ref(null);\nconst locationLoading = ref(false);\n\nlet map, marker;\n\nonMounted(() => {\n const loader = new GMLoader({\n apiKey: props.apiKey,\n version: \"weekly\",\n libraries: [\"places\"],\n language: props.locale, \n });\n\n loader.load().then(() => {\n map = new google.maps.Map(mapContainer.value, {\n center: props.location,\n zoom: 15,\n mapTypeControl: false,\n fullscreenControl: false,\n disableDefaultUI: true\n });\n\n marker = new google.maps.Marker({\n position: props.location,\n map,\n draggable: true,\n });\n\n marker.addListener(\"dragend\", (e) => {\n const newLocation = { lat: e.latLng.lat(), lng: e.latLng.lng() };\n\n emit('update:location', newLocation);\n\n getAddressFromLocation(newLocation);\n });\n }).catch(e => {\n console.error(e);\n });\n});\n\nwatchEffect(() => {\n if (props.location && marker) {\n marker.setPosition(new google.maps.LatLng(props.location.lat, props.location.lng));\n }\n});\n\nwatchEffect(() => {\n if (props.location && map) {\n const newCenter = new google.maps.LatLng(props.location.lat, props.location.lng);\n \n map.setCenter(newCenter);\n map.setZoom(15);\n }\n});\n\nfunction getAddressFromLocation(location) {\n \n const geocoder = new google.maps.Geocoder;\n\n geocoder.geocode({ 'location': location }, (results, status) => {\n if (status === 'OK') {\n if (results[0]) {\n emit('update:address', results[0].formatted_address);\n\n let country = '', state = '', city = '';\n\n results[0].address_components.forEach((addr) => {\n if (addr.types.includes('country')) {\n country = addr.long_name;\n }\n if (addr.types.includes('administrative_area_level_1')) {\n state = addr.long_name;\n }\n if (addr.types.includes('locality')) {\n city = addr.long_name;\n }\n });\n\n emit('update:country', country);\n emit('update:state', state);\n emit('update:city', city);\n } else {\n console.error('No results found');\n }\n } else {\n console.error('Geocoder failed due to: ' + status);\n }\n });\n}\n\n// Функция для установки местоположения пользователя\nasync function setUserLocation() {\n locationLoading.value = true\n \n if (navigator.geolocation) {\n navigator.geolocation.getCurrentPosition((position) => {\n const newLocation = { lat: position.coords.latitude, lng: position.coords.longitude };\n emit('update:location', newLocation);\n getAddressFromLocation(newLocation);\n locationLoading.value = false\n }, () => {\n console.error('Error getting location');\n locationLoading.value = false\n });\n } else {\n console.error('Geolocation is not supported by this browser.');\n locationLoading.value = false\n }\n}\n</script>\n\n\n<style >\n.my-location-button {\n position: absolute;\n right: 10px;\n top: 10px;\n z-index: 99;\n}\n\n.gm-style-cc { display:none; }\n\n\n</style>\n"],"names":["ref","onMounted","GMLoader","watchEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,UAAM,QAAQ;AAgBd,UAAM,OAAO;AAEb,UAAM,eAAeA,~~IAAG~~,~~IAAC~~,IAAI;AAC7B,UAAM,kBAAkBA,~~IAAG~~,~~IAAC~~,KAAK;AAEjC,QAAI,KAAK;AAETC,QAAAA,UAAU,MAAM;AACd,YAAM,SAAS,IAAIC,aAAS;AAAA,QAC1B,QAAQ,MAAM;AAAA,QACd,SAAS;AAAA,QACT,WAAW,CAAC,QAAQ;AAAA,QACpB,UAAU,MAAM;AAAA,MACpB,CAAG;AAED,aAAO,OAAO,KAAK,MAAM;AACvB,cAAM,IAAI,OAAO,KAAK,IAAI,aAAa,OAAO;AAAA,UAC5C,QAAQ,MAAM;AAAA,UACd,MAAM;AAAA,UACN,gBAAgB;AAAA,UAChB,mBAAmB;AAAA,UACnB,kBAAkB;AAAA,QACxB,CAAK;AAED,iBAAS,IAAI,OAAO,KAAK,OAAO;AAAA,UAC9B,UAAU,MAAM;AAAA,UAChB;AAAA,UACA,WAAW;AAAA,QACjB,CAAK;AAED,eAAO,YAAY,WAAW,CAAC,MAAM;AACnC,gBAAM,cAAc,EAAE,KAAK,EAAE,OAAO,~~IAAK~~,~~GAAE~~,KAAK,EAAE,OAAO,IAAG,~~EAAI~~;~~AAEhE~~,eAAK,mBAAmB,WAAW;AAEnC,iCAAuB,WAAW;AAAA,~~QACxC~~,~~CAAK~~;AAAA,~~MACL~~,~~CAAG~~,EAAE,MAAM,OAAK;AACZ,gBAAQ,MAAM,CAAC;AAAA,~~MACnB~~,~~CAAG~~;AAAA,IACH,CAAC;AAEDC,QAAAA,YAAY,MAAM;AAChB,UAAI,MAAM,YAAY,QAAQ;AAC5B,eAAO,YAAY,IAAI,OAAO,KAAK,OAAO,MAAM,SAAS,KAAK,MAAM,SAAS,GAAG,CAAC;AAAA,~~MACrF~~;AAAA,~~IACA~~,CAAC;AAEDA,QAAAA,YAAY,MAAM;AAChB,UAAI,MAAM,YAAY,KAAK;AACzB,cAAM,YAAY,IAAI,OAAO,KAAK,OAAO,MAAM,SAAS,KAAK,MAAM,SAAS,GAAG;AAE/E,YAAI,UAAU,SAAS;AACvB,YAAI,QAAQ,EAAE;AAAA,~~MAClB~~;AAAA,~~IACA~~,CAAC;AAED,aAAS,uBAAuB,UAAU;AAExC,YAAM,WAAW,IAAI,OAAO,KAAK;AAEjC,eAAS,QAAQ,EAAE,YAAY,SAAQ,GAAI,CAAC,SAAS,WAAW;AAC9D,YAAI,WAAW,MAAM;AACnB,cAAI,QAAQ,CAAC,GAAG;AACd,iBAAK,kBAAkB,QAAQ,CAAC,EAAE,iBAAiB;AAEnD,gBAAI,UAAU,IAAI,QAAQ,IAAI,OAAO;AAErC,oBAAQ,CAAC,EAAE,mBAAmB,QAAQ,CAAC,SAAS;AAC9C,kBAAI,KAAK,MAAM,SAAS,SAAS,GAAG;AAClC,0BAAU,KAAK;AAAA,~~cAC3B~~;~~AACU~~,kBAAI,KAAK,MAAM,SAAS,6BAA6B,GAAG;AACtD,wBAAQ,KAAK;AAAA,~~cACzB~~;~~AACU~~,kBAAI,KAAK,MAAM,SAAS,UAAU,GAAG;AACnC,uBAAO,KAAK;AAAA,~~cACxB~~;AAAA,~~YACA~~,~~CAAS~~;AAED,iBAAK,kBAAkB,OAAO;AAC9B,iBAAK,gBAAgB,KAAK;AAC1B,iBAAK,eAAe,IAAI;AAAA,~~UAChC~~,~~OAAa~~;AACL,oBAAQ,MAAM,kBAAkB;AAAA,~~UACxC~~;AAAA,~~QACA~~,~~OAAW~~;AACL,kBAAQ,MAAM,6BAA6B,MAAM;AAAA,~~QACvD~~;AAAA,~~MACA~~,~~CAAG~~;AAAA,IACH;AAGA,mBAAe,kBAAkB;AAC/B,sBAAgB,QAAQ;AAExB,UAAI,UAAU,aAAa;AACzB,kBAAU,YAAY,mBAAmB,CAAC,aAAa;AACrD,gBAAM,cAAc,EAAE,KAAK,SAAS,OAAO,UAAU,KAAK,SAAS,OAAO,~~UAAW~~;~~AACrF~~,eAAK,mBAAmB,WAAW;AACnC,iCAAuB,WAAW;AAClC,0BAAgB,QAAQ;AAAA,~~QAC9B~~,~~GAAO~~,MAAM;AACP,kBAAQ,MAAM,wBAAwB;AACtC,0BAAgB,QAAQ;AAAA,~~QAC9B~~,~~CAAK~~;AAAA,~~MACL~~,~~OAAS~~;AACL,gBAAQ,MAAM,+CAA+C;AAC7D,wBAAgB,QAAQ;AAAA,~~MAC5B~~;AAAA,~~IACA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"LocationMarker.vue2.cjs","sources":["../../../../../src/components/LocationMarker/LocationMarker.vue"],"sourcesContent":["<template>\n <div class=\"pos-relative\">\n <div ref=\"mapContainer\" class=\"w-100 h-100\"></div>\n\n <button class=\"cursor-pointer flex-center flex pos-absolute pos-t-regular pos-r-regular i-semi bg-second pd-nano radius-extra\" @click=\"setUserLocation\">\n\n <transition name=\"ScaleOut\" mode=\"out-in\"> \n <svg v-if=\"!locationLoading\" class=\"i-regular\" width=\"98\" height=\"98\" viewBox=\"0 0 98 98\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M50.0004 31.4995C39.7996 31.4995 31.5 39.7991 31.5 49.9999C31.5 60.2007 39.7996 68.5003 50.0004 68.5003C60.2012 68.5003 68.5008 60.2007 68.5008 49.9999C68.5008 39.7991 60.2012 31.4995 50.0004 31.4995ZM50.0004 63.7944C42.3941 63.7944 36.2059 57.6062 36.2059 49.9999C36.2059 42.3936 42.3941 36.2054 50.0004 36.2054C57.6067 36.2054 63.7949 42.3936 63.7949 49.9999C63.7949 57.6062 57.6067 63.7944 50.0004 63.7944Z\" fill=\"rgb(var(--white))\"/>\n <path d=\"M97.6471 47.6471H84.56C83.3977 30.4141 69.5859 16.6024 52.3529 15.44V2.35294C52.3529 1.05255 51.2988 0 50 0C48.6996 0 47.6471 1.05255 47.6471 2.35294V15.44C30.4141 16.6024 16.6024 30.4141 15.44 47.6471H2.35294C1.05255 47.6471 0 48.6996 0 50C0 51.2988 1.05255 52.3529 2.35294 52.3529H15.44C16.6024 69.5859 30.4141 83.3977 47.6471 84.56V97.6471C47.6471 98.9459 48.6996 100 50 100C51.2988 100 52.3529 98.9459 52.3529 97.6471V84.56C69.5859 83.3977 83.3977 69.5859 84.56 52.3529H97.6471C98.9459 52.3529 100 51.2988 100 50C100 48.6996 98.9459 47.6471 97.6471 47.6471ZM50 79.9435C33.4886 79.9435 20.0565 66.5114 20.0565 50C20.0565 33.4886 33.4886 20.0565 50 20.0565C66.5098 20.0565 79.9435 33.4886 79.9435 50C79.9435 66.5098 66.5098 79.9435 50 79.9435Z\" fill=\"rgb(var(--white))\"/> \n </svg>\n\n <Loader v-else class=\"pos-t-0 pos-l-0 i-small\"/>\n </transition>\n\n </button>\n </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, watchEffect } from 'vue';\nimport { Loader as GMLoader } from \"@googlemaps/js-api-loader\";\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\n// Добавим новый проп для ключа API\nconst props = defineProps({\n location: {\n type: Object,\n default: () => ({ lat: 15.8700, lng: 100.9925 })\n },\n address: {\n type: String,\n default: null\n },\n apiKey: String,\n locale: {\n type: String,\n default: 'en'\n }\n})\n\nconst emit = defineEmits(['update:location', 'update:address', 'update:country', 'update:state', 'update:city']);\n\nconst mapContainer = ref(null);\nconst locationLoading = ref(false);\n\nlet map, marker;\n\nonMounted(() => {\n const loader = new GMLoader({\n apiKey: props.apiKey,\n version: \"weekly\",\n libraries: [\"places\"],\n language: props.locale, \n });\n\n loader.load().then(() => {\n map = new google.maps.Map(mapContainer.value, {\n center: props.location,\n zoom: 15,\n mapTypeControl: false,\n fullscreenControl: false,\n disableDefaultUI: true\n });\n\n marker = new google.maps.Marker({\n position: props.location,\n map,\n draggable: true,\n });\n\n marker.addListener(\"dragend\", (e) => {\n const newLocation = { lat: e.latLng.lat(), lng: e.latLng.lng() };\n\n emit('update:location', newLocation);\n\n getAddressFromLocation(newLocation);\n });\n }).catch(e => {\n console.error(e);\n });\n});\n\nwatchEffect(() => {\n if (props.location && marker) {\n marker.setPosition(new google.maps.LatLng(props.location.lat, props.location.lng));\n }\n});\n\nwatchEffect(() => {\n if (props.location && map) {\n const newCenter = new google.maps.LatLng(props.location.lat, props.location.lng);\n \n map.setCenter(newCenter);\n map.setZoom(15);\n }\n});\n\nfunction getAddressFromLocation(location) {\n \n const geocoder = new google.maps.Geocoder;\n\n geocoder.geocode({ 'location': location }, (results, status) => {\n if (status === 'OK') {\n if (results[0]) {\n emit('update:address', results[0].formatted_address);\n\n let country = '', state = '', city = '';\n\n results[0].address_components.forEach((addr) => {\n if (addr.types.includes('country')) {\n country = addr.long_name;\n }\n if (addr.types.includes('administrative_area_level_1')) {\n state = addr.long_name;\n }\n if (addr.types.includes('locality')) {\n city = addr.long_name;\n }\n });\n\n emit('update:country', country);\n emit('update:state', state);\n emit('update:city', city);\n } else {\n console.error('No results found');\n }\n } else {\n console.error('Geocoder failed due to: ' + status);\n }\n });\n}\n\n// Функция для установки местоположения пользователя\nasync function setUserLocation() {\n locationLoading.value = true\n \n if (navigator.geolocation) {\n navigator.geolocation.getCurrentPosition((position) => {\n const newLocation = { lat: position.coords.latitude, lng: position.coords.longitude };\n emit('update:location', newLocation);\n getAddressFromLocation(newLocation);\n locationLoading.value = false\n }, () => {\n console.error('Error getting location');\n locationLoading.value = false\n });\n } else {\n console.error('Geolocation is not supported by this browser.');\n locationLoading.value = false\n }\n}\n</script>\n\n\n<style >\n.my-location-button {\n position: absolute;\n right: 10px;\n top: 10px;\n z-index: 99;\n}\n\n.gm-style-cc { display:none; }\n\n\n</style>\n"],"names":["ref","onMounted","GMLoader","watchEffect"],"mappings":"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"}

package/dist/martyrs/src/components/LocationMarker/LocationMarker.vue2.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { ref, onMounted, watchEffect, createElementBlock, openBlock, createElementVNode, createVNode, Transition, withCtx, createBlock } from "vue";
 import { Loader } from "../../../../node_modules/.pnpm/@googlemaps_js-api-loader@1.16.8/node_modules/@googlemaps/js-api-loader/dist/index.js";
-import Loader$1 from "../Loader/Loader.vue.js";
+import Loader$1 from "../Loader/Loader.vue2.js";
 /* empty css                   */
 const _hoisted_1 = { class: "pos-relative" };
 const _hoisted_2 = {

package/dist/martyrs/src/components/LocationMarker/LocationMarker.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LocationMarker.vue2.js","sources":["../../../../../src/components/LocationMarker/LocationMarker.vue"],"sourcesContent":["<template>\n <div class=\"pos-relative\">\n <div ref=\"mapContainer\" class=\"w-100 h-100\"></div>\n\n <button class=\"cursor-pointer flex-center flex pos-absolute pos-t-regular pos-r-regular i-semi bg-second pd-nano radius-extra\" @click=\"setUserLocation\">\n\n <transition name=\"ScaleOut\" mode=\"out-in\"> \n <svg v-if=\"!locationLoading\" class=\"i-regular\" width=\"98\" height=\"98\" viewBox=\"0 0 98 98\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M50.0004 31.4995C39.7996 31.4995 31.5 39.7991 31.5 49.9999C31.5 60.2007 39.7996 68.5003 50.0004 68.5003C60.2012 68.5003 68.5008 60.2007 68.5008 49.9999C68.5008 39.7991 60.2012 31.4995 50.0004 31.4995ZM50.0004 63.7944C42.3941 63.7944 36.2059 57.6062 36.2059 49.9999C36.2059 42.3936 42.3941 36.2054 50.0004 36.2054C57.6067 36.2054 63.7949 42.3936 63.7949 49.9999C63.7949 57.6062 57.6067 63.7944 50.0004 63.7944Z\" fill=\"rgb(var(--white))\"/>\n <path d=\"M97.6471 47.6471H84.56C83.3977 30.4141 69.5859 16.6024 52.3529 15.44V2.35294C52.3529 1.05255 51.2988 0 50 0C48.6996 0 47.6471 1.05255 47.6471 2.35294V15.44C30.4141 16.6024 16.6024 30.4141 15.44 47.6471H2.35294C1.05255 47.6471 0 48.6996 0 50C0 51.2988 1.05255 52.3529 2.35294 52.3529H15.44C16.6024 69.5859 30.4141 83.3977 47.6471 84.56V97.6471C47.6471 98.9459 48.6996 100 50 100C51.2988 100 52.3529 98.9459 52.3529 97.6471V84.56C69.5859 83.3977 83.3977 69.5859 84.56 52.3529H97.6471C98.9459 52.3529 100 51.2988 100 50C100 48.6996 98.9459 47.6471 97.6471 47.6471ZM50 79.9435C33.4886 79.9435 20.0565 66.5114 20.0565 50C20.0565 33.4886 33.4886 20.0565 50 20.0565C66.5098 20.0565 79.9435 33.4886 79.9435 50C79.9435 66.5098 66.5098 79.9435 50 79.9435Z\" fill=\"rgb(var(--white))\"/> \n </svg>\n\n <Loader v-else class=\"pos-t-0 pos-l-0 i-small\"/>\n </transition>\n\n </button>\n </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, watchEffect } from 'vue';\nimport { Loader as GMLoader } from \"@googlemaps/js-api-loader\";\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\n// Добавим новый проп для ключа API\nconst props = defineProps({\n location: {\n type: Object,\n default: () => ({ lat: 15.8700, lng: 100.9925 })\n },\n address: {\n type: String,\n default: null\n },\n apiKey: String,\n locale: {\n type: String,\n default: 'en'\n }\n})\n\nconst emit = defineEmits(['update:location', 'update:address', 'update:country', 'update:state', 'update:city']);\n\nconst mapContainer = ref(null);\nconst locationLoading = ref(false);\n\nlet map, marker;\n\nonMounted(() => {\n const loader = new GMLoader({\n apiKey: props.apiKey,\n version: \"weekly\",\n libraries: [\"places\"],\n language: props.locale, \n });\n\n loader.load().then(() => {\n map = new google.maps.Map(mapContainer.value, {\n center: props.location,\n zoom: 15,\n mapTypeControl: false,\n fullscreenControl: false,\n disableDefaultUI: true\n });\n\n marker = new google.maps.Marker({\n position: props.location,\n map,\n draggable: true,\n });\n\n marker.addListener(\"dragend\", (e) => {\n const newLocation = { lat: e.latLng.lat(), lng: e.latLng.lng() };\n\n emit('update:location', newLocation);\n\n getAddressFromLocation(newLocation);\n });\n }).catch(e => {\n console.error(e);\n });\n});\n\nwatchEffect(() => {\n if (props.location && marker) {\n marker.setPosition(new google.maps.LatLng(props.location.lat, props.location.lng));\n }\n});\n\nwatchEffect(() => {\n if (props.location && map) {\n const newCenter = new google.maps.LatLng(props.location.lat, props.location.lng);\n \n map.setCenter(newCenter);\n map.setZoom(15);\n }\n});\n\nfunction getAddressFromLocation(location) {\n \n const geocoder = new google.maps.Geocoder;\n\n geocoder.geocode({ 'location': location }, (results, status) => {\n if (status === 'OK') {\n if (results[0]) {\n emit('update:address', results[0].formatted_address);\n\n let country = '', state = '', city = '';\n\n results[0].address_components.forEach((addr) => {\n if (addr.types.includes('country')) {\n country = addr.long_name;\n }\n if (addr.types.includes('administrative_area_level_1')) {\n state = addr.long_name;\n }\n if (addr.types.includes('locality')) {\n city = addr.long_name;\n }\n });\n\n emit('update:country', country);\n emit('update:state', state);\n emit('update:city', city);\n } else {\n console.error('No results found');\n }\n } else {\n console.error('Geocoder failed due to: ' + status);\n }\n });\n}\n\n// Функция для установки местоположения пользователя\nasync function setUserLocation() {\n locationLoading.value = true\n \n if (navigator.geolocation) {\n navigator.geolocation.getCurrentPosition((position) => {\n const newLocation = { lat: position.coords.latitude, lng: position.coords.longitude };\n emit('update:location', newLocation);\n getAddressFromLocation(newLocation);\n locationLoading.value = false\n }, () => {\n console.error('Error getting location');\n locationLoading.value = false\n });\n } else {\n console.error('Geolocation is not supported by this browser.');\n locationLoading.value = false\n }\n}\n</script>\n\n\n<style >\n.my-location-button {\n position: absolute;\n right: 10px;\n top: 10px;\n z-index: 99;\n}\n\n.gm-style-cc { display:none; }\n\n\n</style>\n"],"names":["GMLoader"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,UAAM,QAAQ;AAgBd,UAAM,OAAO;AAEb,UAAM,eAAe,IAAI,IAAI;AAC7B,UAAM,kBAAkB,IAAI,KAAK;AAEjC,QAAI,KAAK;AAET,cAAU,MAAM;AACd,YAAM,SAAS,IAAIA,OAAS;AAAA,QAC1B,QAAQ,MAAM;AAAA,QACd,SAAS;AAAA,QACT,WAAW,CAAC,QAAQ;AAAA,QACpB,UAAU,MAAM;AAAA,MACpB,CAAG;AAED,aAAO,OAAO,KAAK,MAAM;AACvB,cAAM,IAAI,OAAO,KAAK,IAAI,aAAa,OAAO;AAAA,UAC5C,QAAQ,MAAM;AAAA,UACd,MAAM;AAAA,UACN,gBAAgB;AAAA,UAChB,mBAAmB;AAAA,UACnB,kBAAkB;AAAA,QACxB,CAAK;AAED,iBAAS,IAAI,OAAO,KAAK,OAAO;AAAA,UAC9B,UAAU,MAAM;AAAA,UAChB;AAAA,UACA,WAAW;AAAA,QACjB,CAAK;AAED,eAAO,YAAY,WAAW,CAAC,MAAM;AACnC,gBAAM,cAAc,EAAE,KAAK,EAAE,OAAO,~~IAAK~~,~~GAAE~~,KAAK,EAAE,OAAO,IAAG,~~EAAI~~;~~AAEhE~~,eAAK,mBAAmB,WAAW;AAEnC,iCAAuB,WAAW;AAAA,~~QACxC~~,~~CAAK~~;AAAA,~~MACL~~,~~CAAG~~,EAAE,MAAM,OAAK;AACZ,gBAAQ,MAAM,CAAC;AAAA,~~MACnB~~,~~CAAG~~;AAAA,IACH,CAAC;AAED,gBAAY,MAAM;AAChB,UAAI,MAAM,YAAY,QAAQ;AAC5B,eAAO,YAAY,IAAI,OAAO,KAAK,OAAO,MAAM,SAAS,KAAK,MAAM,SAAS,GAAG,CAAC;AAAA,~~MACrF~~;AAAA,~~IACA~~,CAAC;AAED,gBAAY,MAAM;AAChB,UAAI,MAAM,YAAY,KAAK;AACzB,cAAM,YAAY,IAAI,OAAO,KAAK,OAAO,MAAM,SAAS,KAAK,MAAM,SAAS,GAAG;AAE/E,YAAI,UAAU,SAAS;AACvB,YAAI,QAAQ,EAAE;AAAA,~~MAClB~~;AAAA,~~IACA~~,CAAC;AAED,aAAS,uBAAuB,UAAU;AAExC,YAAM,WAAW,IAAI,OAAO,KAAK;AAEjC,eAAS,QAAQ,EAAE,YAAY,SAAQ,GAAI,CAAC,SAAS,WAAW;AAC9D,YAAI,WAAW,MAAM;AACnB,cAAI,QAAQ,CAAC,GAAG;AACd,iBAAK,kBAAkB,QAAQ,CAAC,EAAE,iBAAiB;AAEnD,gBAAI,UAAU,IAAI,QAAQ,IAAI,OAAO;AAErC,oBAAQ,CAAC,EAAE,mBAAmB,QAAQ,CAAC,SAAS;AAC9C,kBAAI,KAAK,MAAM,SAAS,SAAS,GAAG;AAClC,0BAAU,KAAK;AAAA,~~cAC3B~~;~~AACU~~,kBAAI,KAAK,MAAM,SAAS,6BAA6B,GAAG;AACtD,wBAAQ,KAAK;AAAA,~~cACzB~~;~~AACU~~,kBAAI,KAAK,MAAM,SAAS,UAAU,GAAG;AACnC,uBAAO,KAAK;AAAA,~~cACxB~~;AAAA,~~YACA~~,~~CAAS~~;AAED,iBAAK,kBAAkB,OAAO;AAC9B,iBAAK,gBAAgB,KAAK;AAC1B,iBAAK,eAAe,IAAI;AAAA,~~UAChC~~,~~OAAa~~;AACL,oBAAQ,MAAM,kBAAkB;AAAA,~~UACxC~~;AAAA,~~QACA~~,~~OAAW~~;AACL,kBAAQ,MAAM,6BAA6B,MAAM;AAAA,~~QACvD~~;AAAA,~~MACA~~,~~CAAG~~;AAAA,IACH;AAGA,mBAAe,kBAAkB;AAC/B,sBAAgB,QAAQ;AAExB,UAAI,UAAU,aAAa;AACzB,kBAAU,YAAY,mBAAmB,CAAC,aAAa;AACrD,gBAAM,cAAc,EAAE,KAAK,SAAS,OAAO,UAAU,KAAK,SAAS,OAAO,~~UAAW~~;~~AACrF~~,eAAK,mBAAmB,WAAW;AACnC,iCAAuB,WAAW;AAClC,0BAAgB,QAAQ;AAAA,~~QAC9B~~,~~GAAO~~,MAAM;AACP,kBAAQ,MAAM,wBAAwB;AACtC,0BAAgB,QAAQ;AAAA,~~QAC9B~~,~~CAAK~~;AAAA,~~MACL~~,~~OAAS~~;AACL,gBAAQ,MAAM,+CAA+C;AAC7D,wBAAgB,QAAQ;AAAA,~~MAC5B~~;AAAA,~~IACA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"LocationMarker.vue2.js","sources":["../../../../../src/components/LocationMarker/LocationMarker.vue"],"sourcesContent":["<template>\n <div class=\"pos-relative\">\n <div ref=\"mapContainer\" class=\"w-100 h-100\"></div>\n\n <button class=\"cursor-pointer flex-center flex pos-absolute pos-t-regular pos-r-regular i-semi bg-second pd-nano radius-extra\" @click=\"setUserLocation\">\n\n <transition name=\"ScaleOut\" mode=\"out-in\"> \n <svg v-if=\"!locationLoading\" class=\"i-regular\" width=\"98\" height=\"98\" viewBox=\"0 0 98 98\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M50.0004 31.4995C39.7996 31.4995 31.5 39.7991 31.5 49.9999C31.5 60.2007 39.7996 68.5003 50.0004 68.5003C60.2012 68.5003 68.5008 60.2007 68.5008 49.9999C68.5008 39.7991 60.2012 31.4995 50.0004 31.4995ZM50.0004 63.7944C42.3941 63.7944 36.2059 57.6062 36.2059 49.9999C36.2059 42.3936 42.3941 36.2054 50.0004 36.2054C57.6067 36.2054 63.7949 42.3936 63.7949 49.9999C63.7949 57.6062 57.6067 63.7944 50.0004 63.7944Z\" fill=\"rgb(var(--white))\"/>\n <path d=\"M97.6471 47.6471H84.56C83.3977 30.4141 69.5859 16.6024 52.3529 15.44V2.35294C52.3529 1.05255 51.2988 0 50 0C48.6996 0 47.6471 1.05255 47.6471 2.35294V15.44C30.4141 16.6024 16.6024 30.4141 15.44 47.6471H2.35294C1.05255 47.6471 0 48.6996 0 50C0 51.2988 1.05255 52.3529 2.35294 52.3529H15.44C16.6024 69.5859 30.4141 83.3977 47.6471 84.56V97.6471C47.6471 98.9459 48.6996 100 50 100C51.2988 100 52.3529 98.9459 52.3529 97.6471V84.56C69.5859 83.3977 83.3977 69.5859 84.56 52.3529H97.6471C98.9459 52.3529 100 51.2988 100 50C100 48.6996 98.9459 47.6471 97.6471 47.6471ZM50 79.9435C33.4886 79.9435 20.0565 66.5114 20.0565 50C20.0565 33.4886 33.4886 20.0565 50 20.0565C66.5098 20.0565 79.9435 33.4886 79.9435 50C79.9435 66.5098 66.5098 79.9435 50 79.9435Z\" fill=\"rgb(var(--white))\"/> \n </svg>\n\n <Loader v-else class=\"pos-t-0 pos-l-0 i-small\"/>\n </transition>\n\n </button>\n </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, watchEffect } from 'vue';\nimport { Loader as GMLoader } from \"@googlemaps/js-api-loader\";\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\n// Добавим новый проп для ключа API\nconst props = defineProps({\n location: {\n type: Object,\n default: () => ({ lat: 15.8700, lng: 100.9925 })\n },\n address: {\n type: String,\n default: null\n },\n apiKey: String,\n locale: {\n type: String,\n default: 'en'\n }\n})\n\nconst emit = defineEmits(['update:location', 'update:address', 'update:country', 'update:state', 'update:city']);\n\nconst mapContainer = ref(null);\nconst locationLoading = ref(false);\n\nlet map, marker;\n\nonMounted(() => {\n const loader = new GMLoader({\n apiKey: props.apiKey,\n version: \"weekly\",\n libraries: [\"places\"],\n language: props.locale, \n });\n\n loader.load().then(() => {\n map = new google.maps.Map(mapContainer.value, {\n center: props.location,\n zoom: 15,\n mapTypeControl: false,\n fullscreenControl: false,\n disableDefaultUI: true\n });\n\n marker = new google.maps.Marker({\n position: props.location,\n map,\n draggable: true,\n });\n\n marker.addListener(\"dragend\", (e) => {\n const newLocation = { lat: e.latLng.lat(), lng: e.latLng.lng() };\n\n emit('update:location', newLocation);\n\n getAddressFromLocation(newLocation);\n });\n }).catch(e => {\n console.error(e);\n });\n});\n\nwatchEffect(() => {\n if (props.location && marker) {\n marker.setPosition(new google.maps.LatLng(props.location.lat, props.location.lng));\n }\n});\n\nwatchEffect(() => {\n if (props.location && map) {\n const newCenter = new google.maps.LatLng(props.location.lat, props.location.lng);\n \n map.setCenter(newCenter);\n map.setZoom(15);\n }\n});\n\nfunction getAddressFromLocation(location) {\n \n const geocoder = new google.maps.Geocoder;\n\n geocoder.geocode({ 'location': location }, (results, status) => {\n if (status === 'OK') {\n if (results[0]) {\n emit('update:address', results[0].formatted_address);\n\n let country = '', state = '', city = '';\n\n results[0].address_components.forEach((addr) => {\n if (addr.types.includes('country')) {\n country = addr.long_name;\n }\n if (addr.types.includes('administrative_area_level_1')) {\n state = addr.long_name;\n }\n if (addr.types.includes('locality')) {\n city = addr.long_name;\n }\n });\n\n emit('update:country', country);\n emit('update:state', state);\n emit('update:city', city);\n } else {\n console.error('No results found');\n }\n } else {\n console.error('Geocoder failed due to: ' + status);\n }\n });\n}\n\n// Функция для установки местоположения пользователя\nasync function setUserLocation() {\n locationLoading.value = true\n \n if (navigator.geolocation) {\n navigator.geolocation.getCurrentPosition((position) => {\n const newLocation = { lat: position.coords.latitude, lng: position.coords.longitude };\n emit('update:location', newLocation);\n getAddressFromLocation(newLocation);\n locationLoading.value = false\n }, () => {\n console.error('Error getting location');\n locationLoading.value = false\n });\n } else {\n console.error('Geolocation is not supported by this browser.');\n locationLoading.value = false\n }\n}\n</script>\n\n\n<style >\n.my-location-button {\n position: absolute;\n right: 10px;\n top: 10px;\n z-index: 99;\n}\n\n.gm-style-cc { display:none; }\n\n\n</style>\n"],"names":["GMLoader"],"mappings":"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"}

package/dist/martyrs/src/components/Map/Map.vue.cjs CHANGED Viewed

@@ -2,6 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const index = require("../../../../node_modules/.pnpm/@googlemaps_js-api-loader@1.16.8/node_modules/@googlemaps/js-api-loader/dist/index.cjs");
+;/* empty css           */
 const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _sfc_main = {
   __name: "Map",

package/dist/martyrs/src/components/Map/Map.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Map.vue.cjs","sources":["../../../../../src/components/Map/Map.vue"],"sourcesContent":["<template>\n <div ref=\"gmap\" class=\"gmap\"></div>\n \n</template>\n\n<script setup>\nimport { ref, onMounted, watch } from 'vue';\n\n\nimport { Loader as GMLoader } from \"@googlemaps/js-api-loader\";\n\nconst props = defineProps({\n location: Object,\n apiKey: String,\n locale: String,\n});\n\nlet gmap = ref(null);\nlet map = null;\nlet marker = null;\n\nonMounted(async () => {\n const loader = new GMLoader({\n apiKey: props.apiKey,\n version: \"weekly\",\n libraries: [\"places\"],\n language: props.locale, \n });\n\n loader.load().then(() => {\n map = new google.maps.Map(gmap.value, {\n zoom: 13,\n center: {\n lat: props.location.lat,\n lng: props.location.lng,\n },\n });\n\n // Добавить маркер\n marker = new google.maps.Marker({\n position: {\n lat: props.location.lat,\n lng: props.location.lng,\n },\n map: map,\n });\n }).catch(e => {\n console.error(e);\n });\n});\nwatch(() => props.location, () => {\n if (map && marker) {\n // Обновить позицию маркера\n marker.setPosition(new google.maps.LatLng(props.location.lat, props.location.lng));\n\n // Обновить центр карты\n map.setCenter(new google.maps.LatLng(props.location.lat, props.location.lng));\n }\n}, { deep: true });\n\n</script>\n\n<style scoped>\n.gmap {\n height: 100%;\n width: 100%;\n}\n</style>\n"],"names":["ref","onMounted","GMLoader","watch"],"mappings":"~~;;;;;;;;;;;;;~~AAWA,UAAM,QAAQ;AAMd,QAAI,OAAOA,~~IAAG~~,~~IAAC~~,IAAI;AACnB,QAAI,MAAM;AACV,QAAI,SAAS;AAEbC,QAAAA,UAAU,YAAY;AACpB,YAAM,SAAS,IAAIC,aAAS;AAAA,QAC1B,QAAQ,MAAM;AAAA,QACd,SAAS;AAAA,QACT,WAAW,CAAC,QAAQ;AAAA,QACpB,UAAU,MAAM;AAAA,MACpB,CAAG;AAED,aAAO,OAAO,KAAK,MAAM;AACvB,cAAM,IAAI,OAAO,KAAK,IAAI,KAAK,OAAO;AAAA,UACpC,MAAM;AAAA,UACN,QAAQ;AAAA,YACN,KAAK,MAAM,SAAS;AAAA,YACpB,KAAK,MAAM,SAAS;AAAA,~~UACrB~~;AAAA,~~QACP~~,CAAK;AAGD,iBAAS,IAAI,OAAO,KAAK,OAAO;AAAA,UAC9B,UAAU;AAAA,YACR,KAAK,MAAM,SAAS;AAAA,YACpB,KAAK,MAAM,SAAS;AAAA,~~UACrB~~;AAAA,~~UACD~~;AAAA,QACN,CAAK;AAAA,~~MACL~~,~~CAAE~~,EAAE,MAAM,OAAK;AACX,gBAAQ,MAAM,CAAC;AAAA,~~MACnB~~,~~CAAG~~;AAAA,IACH,CAAC;AACDC,QAAAA,MAAM,MAAM,MAAM,UAAU,MAAM;AAChC,UAAI,OAAO,QAAQ;AAEjB,eAAO,YAAY,IAAI,OAAO,KAAK,OAAO,MAAM,SAAS,KAAK,MAAM,SAAS,GAAG,CAAC;AAGjF,YAAI,UAAU,IAAI,OAAO,KAAK,OAAO,MAAM,SAAS,KAAK,MAAM,SAAS,GAAG,CAAC;AAAA,~~MAChF~~;AAAA,~~IACA~~,GAAG,EAAE,MAAM,MAAM;;;;;;;;;;;;"}
1	+ {"version":3,"file":"Map.vue.cjs","sources":["../../../../../src/components/Map/Map.vue"],"sourcesContent":["<template>\n <div ref=\"gmap\" class=\"gmap\"></div>\n \n</template>\n\n<script setup>\nimport { ref, onMounted, watch } from 'vue';\n\n\nimport { Loader as GMLoader } from \"@googlemaps/js-api-loader\";\n\nconst props = defineProps({\n location: Object,\n apiKey: String,\n locale: String,\n});\n\nlet gmap = ref(null);\nlet map = null;\nlet marker = null;\n\nonMounted(async () => {\n const loader = new GMLoader({\n apiKey: props.apiKey,\n version: \"weekly\",\n libraries: [\"places\"],\n language: props.locale, \n });\n\n loader.load().then(() => {\n map = new google.maps.Map(gmap.value, {\n zoom: 13,\n center: {\n lat: props.location.lat,\n lng: props.location.lng,\n },\n });\n\n // Добавить маркер\n marker = new google.maps.Marker({\n position: {\n lat: props.location.lat,\n lng: props.location.lng,\n },\n map: map,\n });\n }).catch(e => {\n console.error(e);\n });\n});\nwatch(() => props.location, () => {\n if (map && marker) {\n // Обновить позицию маркера\n marker.setPosition(new google.maps.LatLng(props.location.lat, props.location.lng));\n\n // Обновить центр карты\n map.setCenter(new google.maps.LatLng(props.location.lat, props.location.lng));\n }\n}, { deep: true });\n\n</script>\n\n<style scoped>\n.gmap {\n height: 100%;\n width: 100%;\n}\n</style>\n"],"names":["ref","onMounted","GMLoader","watch"],"mappings":";;;;;;;;;;;;;;AAWA,UAAM,QAAQ;AAMd,QAAI,OAAOA,IAAAA,IAAI,IAAI;AACnB,QAAI,MAAM;AACV,QAAI,SAAS;AAEbC,QAAAA,UAAU,YAAY;AACpB,YAAM,SAAS,IAAIC,aAAS;AAAA,QAC1B,QAAQ,MAAM;AAAA,QACd,SAAS;AAAA,QACT,WAAW,CAAC,QAAQ;AAAA,QACpB,UAAU,MAAM;AAAA,MACpB,CAAG;AAED,aAAO,OAAO,KAAK,MAAM;AACvB,cAAM,IAAI,OAAO,KAAK,IAAI,KAAK,OAAO;AAAA,UACpC,MAAM;AAAA,UACN,QAAQ;AAAA,YACN,KAAK,MAAM,SAAS;AAAA,YACpB,KAAK,MAAM,SAAS;AAAA,UAC5B;AAAA,QACA,CAAK;AAGD,iBAAS,IAAI,OAAO,KAAK,OAAO;AAAA,UAC9B,UAAU;AAAA,YACR,KAAK,MAAM,SAAS;AAAA,YACpB,KAAK,MAAM,SAAS;AAAA,UAC5B;AAAA,UACM;AAAA,QACN,CAAK;AAAA,MACJ,CAAC,EAAE,MAAM,OAAK;AACX,gBAAQ,MAAM,CAAC;AAAA,MACjB,CAAC;AAAA,IACH,CAAC;AACDC,QAAAA,MAAM,MAAM,MAAM,UAAU,MAAM;AAChC,UAAI,OAAO,QAAQ;AAEjB,eAAO,YAAY,IAAI,OAAO,KAAK,OAAO,MAAM,SAAS,KAAK,MAAM,SAAS,GAAG,CAAC;AAGjF,YAAI,UAAU,IAAI,OAAO,KAAK,OAAO,MAAM,SAAS,KAAK,MAAM,SAAS,GAAG,CAAC;AAAA,MAC9E;AAAA,IACF,GAAG,EAAE,MAAM,MAAM;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Map/Map.vue.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { ref, onMounted, watch, createElementBlock, openBlock } from "vue";
 import { Loader } from "../../../../node_modules/.pnpm/@googlemaps_js-api-loader@1.16.8/node_modules/@googlemaps/js-api-loader/dist/index.js";
+/* empty css         */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   __name: "Map",

package/dist/martyrs/src/components/Map/Map.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Map.vue.js","sources":["../../../../../src/components/Map/Map.vue"],"sourcesContent":["<template>\n <div ref=\"gmap\" class=\"gmap\"></div>\n \n</template>\n\n<script setup>\nimport { ref, onMounted, watch } from 'vue';\n\n\nimport { Loader as GMLoader } from \"@googlemaps/js-api-loader\";\n\nconst props = defineProps({\n location: Object,\n apiKey: String,\n locale: String,\n});\n\nlet gmap = ref(null);\nlet map = null;\nlet marker = null;\n\nonMounted(async () => {\n const loader = new GMLoader({\n apiKey: props.apiKey,\n version: \"weekly\",\n libraries: [\"places\"],\n language: props.locale, \n });\n\n loader.load().then(() => {\n map = new google.maps.Map(gmap.value, {\n zoom: 13,\n center: {\n lat: props.location.lat,\n lng: props.location.lng,\n },\n });\n\n // Добавить маркер\n marker = new google.maps.Marker({\n position: {\n lat: props.location.lat,\n lng: props.location.lng,\n },\n map: map,\n });\n }).catch(e => {\n console.error(e);\n });\n});\nwatch(() => props.location, () => {\n if (map && marker) {\n // Обновить позицию маркера\n marker.setPosition(new google.maps.LatLng(props.location.lat, props.location.lng));\n\n // Обновить центр карты\n map.setCenter(new google.maps.LatLng(props.location.lat, props.location.lng));\n }\n}, { deep: true });\n\n</script>\n\n<style scoped>\n.gmap {\n height: 100%;\n width: 100%;\n}\n</style>\n"],"names":["GMLoader"],"mappings":"~~;;;;;;;;;;;~~AAWA,UAAM,QAAQ;AAMd,QAAI,OAAO,IAAI,IAAI;AACnB,QAAI,MAAM;AACV,QAAI,SAAS;AAEb,cAAU,YAAY;AACpB,YAAM,SAAS,IAAIA,OAAS;AAAA,QAC1B,QAAQ,MAAM;AAAA,QACd,SAAS;AAAA,QACT,WAAW,CAAC,QAAQ;AAAA,QACpB,UAAU,MAAM;AAAA,MACpB,CAAG;AAED,aAAO,OAAO,KAAK,MAAM;AACvB,cAAM,IAAI,OAAO,KAAK,IAAI,KAAK,OAAO;AAAA,UACpC,MAAM;AAAA,UACN,QAAQ;AAAA,YACN,KAAK,MAAM,SAAS;AAAA,YACpB,KAAK,MAAM,SAAS;AAAA,~~UACrB~~;AAAA,~~QACP~~,CAAK;AAGD,iBAAS,IAAI,OAAO,KAAK,OAAO;AAAA,UAC9B,UAAU;AAAA,YACR,KAAK,MAAM,SAAS;AAAA,YACpB,KAAK,MAAM,SAAS;AAAA,~~UACrB~~;AAAA,~~UACD~~;AAAA,QACN,CAAK;AAAA,~~MACL~~,~~CAAE~~,EAAE,MAAM,OAAK;AACX,gBAAQ,MAAM,CAAC;AAAA,~~MACnB~~,~~CAAG~~;AAAA,IACH,CAAC;AACD,UAAM,MAAM,MAAM,UAAU,MAAM;AAChC,UAAI,OAAO,QAAQ;AAEjB,eAAO,YAAY,IAAI,OAAO,KAAK,OAAO,MAAM,SAAS,KAAK,MAAM,SAAS,GAAG,CAAC;AAGjF,YAAI,UAAU,IAAI,OAAO,KAAK,OAAO,MAAM,SAAS,KAAK,MAAM,SAAS,GAAG,CAAC;AAAA,~~MAChF~~;AAAA,~~IACA~~,GAAG,EAAE,MAAM,MAAM;;;;;;;;;;;"}
1	+ {"version":3,"file":"Map.vue.js","sources":["../../../../../src/components/Map/Map.vue"],"sourcesContent":["<template>\n <div ref=\"gmap\" class=\"gmap\"></div>\n \n</template>\n\n<script setup>\nimport { ref, onMounted, watch } from 'vue';\n\n\nimport { Loader as GMLoader } from \"@googlemaps/js-api-loader\";\n\nconst props = defineProps({\n location: Object,\n apiKey: String,\n locale: String,\n});\n\nlet gmap = ref(null);\nlet map = null;\nlet marker = null;\n\nonMounted(async () => {\n const loader = new GMLoader({\n apiKey: props.apiKey,\n version: \"weekly\",\n libraries: [\"places\"],\n language: props.locale, \n });\n\n loader.load().then(() => {\n map = new google.maps.Map(gmap.value, {\n zoom: 13,\n center: {\n lat: props.location.lat,\n lng: props.location.lng,\n },\n });\n\n // Добавить маркер\n marker = new google.maps.Marker({\n position: {\n lat: props.location.lat,\n lng: props.location.lng,\n },\n map: map,\n });\n }).catch(e => {\n console.error(e);\n });\n});\nwatch(() => props.location, () => {\n if (map && marker) {\n // Обновить позицию маркера\n marker.setPosition(new google.maps.LatLng(props.location.lat, props.location.lng));\n\n // Обновить центр карты\n map.setCenter(new google.maps.LatLng(props.location.lat, props.location.lng));\n }\n}, { deep: true });\n\n</script>\n\n<style scoped>\n.gmap {\n height: 100%;\n width: 100%;\n}\n</style>\n"],"names":["GMLoader"],"mappings":";;;;;;;;;;;;AAWA,UAAM,QAAQ;AAMd,QAAI,OAAO,IAAI,IAAI;AACnB,QAAI,MAAM;AACV,QAAI,SAAS;AAEb,cAAU,YAAY;AACpB,YAAM,SAAS,IAAIA,OAAS;AAAA,QAC1B,QAAQ,MAAM;AAAA,QACd,SAAS;AAAA,QACT,WAAW,CAAC,QAAQ;AAAA,QACpB,UAAU,MAAM;AAAA,MACpB,CAAG;AAED,aAAO,OAAO,KAAK,MAAM;AACvB,cAAM,IAAI,OAAO,KAAK,IAAI,KAAK,OAAO;AAAA,UACpC,MAAM;AAAA,UACN,QAAQ;AAAA,YACN,KAAK,MAAM,SAAS;AAAA,YACpB,KAAK,MAAM,SAAS;AAAA,UAC5B;AAAA,QACA,CAAK;AAGD,iBAAS,IAAI,OAAO,KAAK,OAAO;AAAA,UAC9B,UAAU;AAAA,YACR,KAAK,MAAM,SAAS;AAAA,YACpB,KAAK,MAAM,SAAS;AAAA,UAC5B;AAAA,UACM;AAAA,QACN,CAAK;AAAA,MACJ,CAAC,EAAE,MAAM,OAAK;AACX,gBAAQ,MAAM,CAAC;AAAA,MACjB,CAAC;AAAA,IACH,CAAC;AACD,UAAM,MAAM,MAAM,UAAU,MAAM;AAChC,UAAI,OAAO,QAAQ;AAEjB,eAAO,YAAY,IAAI,OAAO,KAAK,OAAO,MAAM,SAAS,KAAK,MAAM,SAAS,GAAG,CAAC;AAGjF,YAAI,UAAU,IAAI,OAAO,KAAK,OAAO,MAAM,SAAS,KAAK,MAAM,SAAS,GAAG,CAAC;AAAA,MAC9E;AAAA,IACF,GAAG,EAAE,MAAM,MAAM;;;;;;;;;;;"}

package/dist/martyrs/src/components/Marquee/Marquee.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Marquee.vue.cjs","sources":["../../../../../src/components/Marquee/Marquee.vue"],"sourcesContent":["<template>\n <div\n v-if=\"ready\"\n class=\"vue3-marquee\"\n :class=\"{ vertical: vertical, horizontal: !vertical }\"\n :style=\"getCurrentStyle\"\n :key=\"componentKey\"\n @mouseenter=\"hoverStarted\"\n @mouseleave=\"hoverEnded\"\n @mousedown=\"mouseDown\"\n @mouseup=\"mouseUp\"\n >\n <div\n class=\"transparent-overlay\"\n ref=\"marqueeOverlayContainer\"\n :aria-hidden=\"true\"\n :class=\"{ vertical: vertical, horizontal: !vertical, overlay: gradient }\"\n />\n\n <div \n class=\"marquee\"\n ref=\"marqueeContent\">\n <slot></slot>\n </div>\n\n <div \n class=\"marquee\" \n :aria-hidden=\"true\"\n >\n <slot></slot>\n </div>\n\n <div\n v-for=\"num in cloneAmount\"\n :key=\"num\"\n :aria-hidden=\"true\"\n class=\"marquee cloned\"\n >\n <slot></slot>\n </div\n >\n </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, onBeforeUnmount, computed, watch } from 'vue'\n\nconst props = defineProps({\n vertical: { type: Boolean, default: false },\n direction: { type: String, default: 'normal' },\n duration: { type: Number, default: 20 },\n delay: { type: Number, default: 0 },\n loop: { type: Number, default: 0 },\n clone: { type: Boolean, default: false },\n gradient: { type: Boolean, default: false },\n gradientColor: { type: [Array,String], default: () => [255, 255, 255] },\n gradientLength: { type: String },\n pauseOnHover: { type: Boolean, default: false },\n pauseOnClick: { type: Boolean, default: false },\n pause: { type: Boolean, default: false }\n})\n\nconst emits = defineEmits(['onComplete', 'onLoopComplete', 'onPause', 'onResume'])\n\nconst ready = ref(false)\n\nconst componentKey = ref(0)\nconst cloneAmount = ref(0)\nconst loopCounter = ref(0)\nconst loopInterval = ref(null)\n\nconst widthMin = ref('100%')\nconst widthContainer = ref(0)\nconst widthContent = ref(0)\nconst heightMin = ref('100%')\nconst heightContainer = ref(0)\nconst heightContent = ref(0)\n\nconst gradientLength = ref('200px')\n\nconst verticalAnimationPause = ref(false)\nconst marqueeContent = ref(null)\nconst marqueeOverlayContainer = ref(null)\n\nconst ForcesUpdate = async () => {\n await checkForClone()\n componentKey.value++\n}\n\nconst checkForClone = async () => {\n if (props.vertical) {\n verticalAnimationPause.value = true\n }\n\n setInterval(() => {\n widthMin.value = '0%'\n heightMin.value = '0%'\n\n if (marqueeContent.value !== null && marqueeOverlayContainer.value !== null) {\n if (marqueeContent.value && marqueeOverlayContainer.value) {\n if (\n props.vertical &&\n 'clientHeight' in marqueeContent.value &&\n 'clientHeight' in marqueeOverlayContainer.value\n ) {\n heightContent.value = marqueeContent.value.clientHeight\n heightContainer.value = marqueeOverlayContainer.value.clientHeight\n\n const localCloneAmount = Math.ceil(heightContainer.value / heightContent.value)\n\n cloneAmount.value = isFinite(localCloneAmount) ? localCloneAmount : 0\n\n verticalAnimationPause.value = false\n\n return cloneAmount.value\n } else if (\n !props.vertical &&\n 'clientWidth' in marqueeContent.value &&\n 'clientWidth' in marqueeOverlayContainer.value\n ) {\n widthContent.value = marqueeContent.value.clientWidth\n widthContainer.value = marqueeOverlayContainer.value.clientWidth\n\n const localCloneAmount = Math.ceil(widthContainer.value / widthContent.value)\n\n cloneAmount.value = isFinite(localCloneAmount) ? localCloneAmount : 0\n\n return cloneAmount.value\n } else {\n widthMin.value = '100%'\n heightMin.value = '100%'\n return 0\n }\n } else {\n widthMin.value = '100%'\n heightMin.value = '100%'\n return 0\n }\n } else {\n widthMin.value = '100%'\n heightMin.value = '100%'\n return 0\n }\n }, 100)\n}\n\nconst hoverStarted = () => { if (props.pauseOnHover) emits('onPause') }\nconst hoverEnded = () => { if (props.pauseOnHover) emits('onResume') }\nconst mouseDown = () => { if (props.pauseOnClick) emits('onPause') }\nconst mouseUp = () => { if (props.pauseOnClick) emits('onResume') }\n\nconst getCurrentStyle = computed(() => {\n return {\n '--loops': `${props.loop === 0 ? 'infinite' : props.loop}`,\n '--duration': `${props.duration}s`,\n '--delay': `${props.delay}s`,\n '--direction': `${props.direction}`,\n '--pauseOnHover': `${props.pauseOnHover ? 'paused' : 'running'}`,\n '--pauseOnClick': `${props.pauseOnClick ? 'paused' : 'running'}`,\n '--pauseAnimation': `${(props.vertical && verticalAnimationPause.value) \|\| props.pause ? 'paused' : 'running'}`,\n '--gradient-color': `rgba(${props.gradientColor}, 1), rgba(${props.gradientColor}, 0)`,\n '--gradient-length': `${gradientLength.value}`,\n '--min-width': `${widthMin.value}`,\n '--min-height': `${heightMin.value}`,\n '--orientation': props.vertical ? 'scrollY' : 'scrollX'\n }\n})\n\nconst setupMarquee = async () => {\n if (props.vertical) {\n heightMin.value = '100%'\n widthMin.value = 'auto'\n } else {\n heightMin.value = 'auto'\n widthMin.value = '100%'\n }\n\n if (props.gradient && props.gradientLength) {\n gradientLength.value = props.gradientLength\n }\n\n if (props.clone) {\n await checkForClone()\n ForcesUpdate()\n ready.value = true\n } else {\n ready.value = true\n }\n}\n\nonMounted(async () => {\n setupMarquee()\n\n loopInterval.value = setInterval(() => {\n loopCounter.value++\n\n if (props.loop !== 0 && loopCounter.value === props.loop) {\n emits('onComplete')\n clearInterval(loopInterval.value)\n }\n\n emits('onLoopComplete')\n }, props.duration * 1000)\n})\n\nonBeforeUnmount(() => {\n clearInterval(loopInterval.value)\n})\n\nwatch(widthContent, async () => {\n if (props.clone) {\n ForcesUpdate()\n }\n})\n\nwatch(widthContainer, async () => {\n if (props.clone) {\n ForcesUpdate()\n }\n})\n\nwatch(\n () => props.pause,\n (newVal, oldVal) => {\n if (newVal !== oldVal) {\n if (newVal) {\n emits('onResume')\n } else {\n emits('onPause')\n }\n }\n }\n)\n</script>\n\n<style lang=\"scss\">\n.vue3-marquee {\n display: flex !important;\n position: relative;\n\n .marquee {\n flex: 0 0 auto;\n min-width: var(--min-width);\n min-height: var(--min-height);\n z-index: 1;\n\n animation: var(--orientation) var(--duration) linear var(--delay) var(--loops);\n animation-play-state: var(--pauseAnimation);\n animation-direction: var(--direction);\n }\n\n .overlay {\n position: absolute;\n width: 100%;\n height: 100%;\n\n &:before {\n left: 0;\n top: 0;\n }\n\n &:before, &:after {\n content: '';\n position: absolute;\n z-index: 2;\n }\n }\n\n .transparent-overlay {\n position: absolute;\n width: 100.5%;\n height: 100.5%;\n }\n\n\n &.horizontal {\n overflow-x: hidden !important;\n flex-direction: row !important;\n width: 100%;\n height: max-content;\n\n .marquee {\n display: flex;\n flex-direction: row;\n align-items: center;\n }\n\n .overlay::before,.overlay::after {\n background: linear-gradient(to right, var(--gradient-color));\n height: 100%;\n width: var(--gradient-length);\n }\n\n .overlay::after {\n transform: rotateZ(180deg);\n right: 0;\n top: 0;\n }\n }\n\n &.vertical {\n overflow-y: hidden !important;\n flex-direction: column !important;\n height: 100%;\n width: max-content;\n\n .marquee {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n .overlay::before, .overlay::after {\n background: linear-gradient(to bottom, var(--gradient-color));\n height: var(--gradient-length);\n width: 100%;\n }\n\n .overlay::after {\n transform: rotateZ(-180deg);\n left: 0;\n bottom: 0;\n }\n }\n\n &:hover {\n div {\n animation-play-state: var(--pauseOnHover);\n }\n }\n\n &:active {\n div {\n animation-play-state: var(--pauseOnClick);\n } \n }\n}\n\n@keyframes scrollX {\n 0% {\n transform: translateX(0%);\n }\n 100% {\n transform: translateX(-100%);\n }\n}\n\n@keyframes scrollY {\n 0% {\n transform: translateY(0%);\n }\n 100% {\n transform: translateY(-100%);\n }\n}\n</style>"],"names":["ref","computed","onMounted","onBeforeUnmount","watch"],"mappings":"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"}
1	+ {"version":3,"file":"Marquee.vue.cjs","sources":["../../../../../src/components/Marquee/Marquee.vue"],"sourcesContent":["<template>\n <div\n v-if=\"ready\"\n class=\"vue3-marquee\"\n :class=\"{ vertical: vertical, horizontal: !vertical }\"\n :style=\"getCurrentStyle\"\n :key=\"componentKey\"\n @mouseenter=\"hoverStarted\"\n @mouseleave=\"hoverEnded\"\n @mousedown=\"mouseDown\"\n @mouseup=\"mouseUp\"\n >\n <div\n class=\"transparent-overlay\"\n ref=\"marqueeOverlayContainer\"\n :aria-hidden=\"true\"\n :class=\"{ vertical: vertical, horizontal: !vertical, overlay: gradient }\"\n />\n\n <div \n class=\"marquee\"\n ref=\"marqueeContent\">\n <slot></slot>\n </div>\n\n <div \n class=\"marquee\" \n :aria-hidden=\"true\"\n >\n <slot></slot>\n </div>\n\n <div\n v-for=\"num in cloneAmount\"\n :key=\"num\"\n :aria-hidden=\"true\"\n class=\"marquee cloned\"\n >\n <slot></slot>\n </div\n >\n </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, onBeforeUnmount, computed, watch } from 'vue'\n\nconst props = defineProps({\n vertical: { type: Boolean, default: false },\n direction: { type: String, default: 'normal' },\n duration: { type: Number, default: 20 },\n delay: { type: Number, default: 0 },\n loop: { type: Number, default: 0 },\n clone: { type: Boolean, default: false },\n gradient: { type: Boolean, default: false },\n gradientColor: { type: [Array,String], default: () => [255, 255, 255] },\n gradientLength: { type: String },\n pauseOnHover: { type: Boolean, default: false },\n pauseOnClick: { type: Boolean, default: false },\n pause: { type: Boolean, default: false }\n})\n\nconst emits = defineEmits(['onComplete', 'onLoopComplete', 'onPause', 'onResume'])\n\nconst ready = ref(false)\n\nconst componentKey = ref(0)\nconst cloneAmount = ref(0)\nconst loopCounter = ref(0)\nconst loopInterval = ref(null)\n\nconst widthMin = ref('100%')\nconst widthContainer = ref(0)\nconst widthContent = ref(0)\nconst heightMin = ref('100%')\nconst heightContainer = ref(0)\nconst heightContent = ref(0)\n\nconst gradientLength = ref('200px')\n\nconst verticalAnimationPause = ref(false)\nconst marqueeContent = ref(null)\nconst marqueeOverlayContainer = ref(null)\n\nconst ForcesUpdate = async () => {\n await checkForClone()\n componentKey.value++\n}\n\nconst checkForClone = async () => {\n if (props.vertical) {\n verticalAnimationPause.value = true\n }\n\n setInterval(() => {\n widthMin.value = '0%'\n heightMin.value = '0%'\n\n if (marqueeContent.value !== null && marqueeOverlayContainer.value !== null) {\n if (marqueeContent.value && marqueeOverlayContainer.value) {\n if (\n props.vertical &&\n 'clientHeight' in marqueeContent.value &&\n 'clientHeight' in marqueeOverlayContainer.value\n ) {\n heightContent.value = marqueeContent.value.clientHeight\n heightContainer.value = marqueeOverlayContainer.value.clientHeight\n\n const localCloneAmount = Math.ceil(heightContainer.value / heightContent.value)\n\n cloneAmount.value = isFinite(localCloneAmount) ? localCloneAmount : 0\n\n verticalAnimationPause.value = false\n\n return cloneAmount.value\n } else if (\n !props.vertical &&\n 'clientWidth' in marqueeContent.value &&\n 'clientWidth' in marqueeOverlayContainer.value\n ) {\n widthContent.value = marqueeContent.value.clientWidth\n widthContainer.value = marqueeOverlayContainer.value.clientWidth\n\n const localCloneAmount = Math.ceil(widthContainer.value / widthContent.value)\n\n cloneAmount.value = isFinite(localCloneAmount) ? localCloneAmount : 0\n\n return cloneAmount.value\n } else {\n widthMin.value = '100%'\n heightMin.value = '100%'\n return 0\n }\n } else {\n widthMin.value = '100%'\n heightMin.value = '100%'\n return 0\n }\n } else {\n widthMin.value = '100%'\n heightMin.value = '100%'\n return 0\n }\n }, 100)\n}\n\nconst hoverStarted = () => { if (props.pauseOnHover) emits('onPause') }\nconst hoverEnded = () => { if (props.pauseOnHover) emits('onResume') }\nconst mouseDown = () => { if (props.pauseOnClick) emits('onPause') }\nconst mouseUp = () => { if (props.pauseOnClick) emits('onResume') }\n\nconst getCurrentStyle = computed(() => {\n return {\n '--loops': `${props.loop === 0 ? 'infinite' : props.loop}`,\n '--duration': `${props.duration}s`,\n '--delay': `${props.delay}s`,\n '--direction': `${props.direction}`,\n '--pauseOnHover': `${props.pauseOnHover ? 'paused' : 'running'}`,\n '--pauseOnClick': `${props.pauseOnClick ? 'paused' : 'running'}`,\n '--pauseAnimation': `${(props.vertical && verticalAnimationPause.value) \|\| props.pause ? 'paused' : 'running'}`,\n '--gradient-color': `rgba(${props.gradientColor}, 1), rgba(${props.gradientColor}, 0)`,\n '--gradient-length': `${gradientLength.value}`,\n '--min-width': `${widthMin.value}`,\n '--min-height': `${heightMin.value}`,\n '--orientation': props.vertical ? 'scrollY' : 'scrollX'\n }\n})\n\nconst setupMarquee = async () => {\n if (props.vertical) {\n heightMin.value = '100%'\n widthMin.value = 'auto'\n } else {\n heightMin.value = 'auto'\n widthMin.value = '100%'\n }\n\n if (props.gradient && props.gradientLength) {\n gradientLength.value = props.gradientLength\n }\n\n if (props.clone) {\n await checkForClone()\n ForcesUpdate()\n ready.value = true\n } else {\n ready.value = true\n }\n}\n\nonMounted(async () => {\n setupMarquee()\n\n loopInterval.value = setInterval(() => {\n loopCounter.value++\n\n if (props.loop !== 0 && loopCounter.value === props.loop) {\n emits('onComplete')\n clearInterval(loopInterval.value)\n }\n\n emits('onLoopComplete')\n }, props.duration * 1000)\n})\n\nonBeforeUnmount(() => {\n clearInterval(loopInterval.value)\n})\n\nwatch(widthContent, async () => {\n if (props.clone) {\n ForcesUpdate()\n }\n})\n\nwatch(widthContainer, async () => {\n if (props.clone) {\n ForcesUpdate()\n }\n})\n\nwatch(\n () => props.pause,\n (newVal, oldVal) => {\n if (newVal !== oldVal) {\n if (newVal) {\n emits('onResume')\n } else {\n emits('onPause')\n }\n }\n }\n)\n</script>\n\n<style lang=\"scss\">\n.vue3-marquee {\n display: flex !important;\n position: relative;\n\n .marquee {\n flex: 0 0 auto;\n min-width: var(--min-width);\n min-height: var(--min-height);\n z-index: 1;\n\n animation: var(--orientation) var(--duration) linear var(--delay) var(--loops);\n animation-play-state: var(--pauseAnimation);\n animation-direction: var(--direction);\n }\n\n .overlay {\n position: absolute;\n width: 100%;\n height: 100%;\n\n &:before {\n left: 0;\n top: 0;\n }\n\n &:before, &:after {\n content: '';\n position: absolute;\n z-index: 2;\n }\n }\n\n .transparent-overlay {\n position: absolute;\n width: 100.5%;\n height: 100.5%;\n }\n\n\n &.horizontal {\n overflow-x: hidden !important;\n flex-direction: row !important;\n width: 100%;\n height: max-content;\n\n .marquee {\n display: flex;\n flex-direction: row;\n align-items: center;\n }\n\n .overlay::before,.overlay::after {\n background: linear-gradient(to right, var(--gradient-color));\n height: 100%;\n width: var(--gradient-length);\n }\n\n .overlay::after {\n transform: rotateZ(180deg);\n right: 0;\n top: 0;\n }\n }\n\n &.vertical {\n overflow-y: hidden !important;\n flex-direction: column !important;\n height: 100%;\n width: max-content;\n\n .marquee {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n .overlay::before, .overlay::after {\n background: linear-gradient(to bottom, var(--gradient-color));\n height: var(--gradient-length);\n width: 100%;\n }\n\n .overlay::after {\n transform: rotateZ(-180deg);\n left: 0;\n bottom: 0;\n }\n }\n\n &:hover {\n div {\n animation-play-state: var(--pauseOnHover);\n }\n }\n\n &:active {\n div {\n animation-play-state: var(--pauseOnClick);\n } \n }\n}\n\n@keyframes scrollX {\n 0% {\n transform: translateX(0%);\n }\n 100% {\n transform: translateX(-100%);\n }\n}\n\n@keyframes scrollY {\n 0% {\n transform: translateY(0%);\n }\n 100% {\n transform: translateY(-100%);\n }\n}\n</style>"],"names":["ref","computed","onMounted","onBeforeUnmount","watch"],"mappings":"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"}

package/dist/martyrs/src/components/Marquee/Marquee.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Marquee.vue.js","sources":["../../../../../src/components/Marquee/Marquee.vue"],"sourcesContent":["<template>\n <div\n v-if=\"ready\"\n class=\"vue3-marquee\"\n :class=\"{ vertical: vertical, horizontal: !vertical }\"\n :style=\"getCurrentStyle\"\n :key=\"componentKey\"\n @mouseenter=\"hoverStarted\"\n @mouseleave=\"hoverEnded\"\n @mousedown=\"mouseDown\"\n @mouseup=\"mouseUp\"\n >\n <div\n class=\"transparent-overlay\"\n ref=\"marqueeOverlayContainer\"\n :aria-hidden=\"true\"\n :class=\"{ vertical: vertical, horizontal: !vertical, overlay: gradient }\"\n />\n\n <div \n class=\"marquee\"\n ref=\"marqueeContent\">\n <slot></slot>\n </div>\n\n <div \n class=\"marquee\" \n :aria-hidden=\"true\"\n >\n <slot></slot>\n </div>\n\n <div\n v-for=\"num in cloneAmount\"\n :key=\"num\"\n :aria-hidden=\"true\"\n class=\"marquee cloned\"\n >\n <slot></slot>\n </div\n >\n </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, onBeforeUnmount, computed, watch } from 'vue'\n\nconst props = defineProps({\n vertical: { type: Boolean, default: false },\n direction: { type: String, default: 'normal' },\n duration: { type: Number, default: 20 },\n delay: { type: Number, default: 0 },\n loop: { type: Number, default: 0 },\n clone: { type: Boolean, default: false },\n gradient: { type: Boolean, default: false },\n gradientColor: { type: [Array,String], default: () => [255, 255, 255] },\n gradientLength: { type: String },\n pauseOnHover: { type: Boolean, default: false },\n pauseOnClick: { type: Boolean, default: false },\n pause: { type: Boolean, default: false }\n})\n\nconst emits = defineEmits(['onComplete', 'onLoopComplete', 'onPause', 'onResume'])\n\nconst ready = ref(false)\n\nconst componentKey = ref(0)\nconst cloneAmount = ref(0)\nconst loopCounter = ref(0)\nconst loopInterval = ref(null)\n\nconst widthMin = ref('100%')\nconst widthContainer = ref(0)\nconst widthContent = ref(0)\nconst heightMin = ref('100%')\nconst heightContainer = ref(0)\nconst heightContent = ref(0)\n\nconst gradientLength = ref('200px')\n\nconst verticalAnimationPause = ref(false)\nconst marqueeContent = ref(null)\nconst marqueeOverlayContainer = ref(null)\n\nconst ForcesUpdate = async () => {\n await checkForClone()\n componentKey.value++\n}\n\nconst checkForClone = async () => {\n if (props.vertical) {\n verticalAnimationPause.value = true\n }\n\n setInterval(() => {\n widthMin.value = '0%'\n heightMin.value = '0%'\n\n if (marqueeContent.value !== null && marqueeOverlayContainer.value !== null) {\n if (marqueeContent.value && marqueeOverlayContainer.value) {\n if (\n props.vertical &&\n 'clientHeight' in marqueeContent.value &&\n 'clientHeight' in marqueeOverlayContainer.value\n ) {\n heightContent.value = marqueeContent.value.clientHeight\n heightContainer.value = marqueeOverlayContainer.value.clientHeight\n\n const localCloneAmount = Math.ceil(heightContainer.value / heightContent.value)\n\n cloneAmount.value = isFinite(localCloneAmount) ? localCloneAmount : 0\n\n verticalAnimationPause.value = false\n\n return cloneAmount.value\n } else if (\n !props.vertical &&\n 'clientWidth' in marqueeContent.value &&\n 'clientWidth' in marqueeOverlayContainer.value\n ) {\n widthContent.value = marqueeContent.value.clientWidth\n widthContainer.value = marqueeOverlayContainer.value.clientWidth\n\n const localCloneAmount = Math.ceil(widthContainer.value / widthContent.value)\n\n cloneAmount.value = isFinite(localCloneAmount) ? localCloneAmount : 0\n\n return cloneAmount.value\n } else {\n widthMin.value = '100%'\n heightMin.value = '100%'\n return 0\n }\n } else {\n widthMin.value = '100%'\n heightMin.value = '100%'\n return 0\n }\n } else {\n widthMin.value = '100%'\n heightMin.value = '100%'\n return 0\n }\n }, 100)\n}\n\nconst hoverStarted = () => { if (props.pauseOnHover) emits('onPause') }\nconst hoverEnded = () => { if (props.pauseOnHover) emits('onResume') }\nconst mouseDown = () => { if (props.pauseOnClick) emits('onPause') }\nconst mouseUp = () => { if (props.pauseOnClick) emits('onResume') }\n\nconst getCurrentStyle = computed(() => {\n return {\n '--loops': `${props.loop === 0 ? 'infinite' : props.loop}`,\n '--duration': `${props.duration}s`,\n '--delay': `${props.delay}s`,\n '--direction': `${props.direction}`,\n '--pauseOnHover': `${props.pauseOnHover ? 'paused' : 'running'}`,\n '--pauseOnClick': `${props.pauseOnClick ? 'paused' : 'running'}`,\n '--pauseAnimation': `${(props.vertical && verticalAnimationPause.value) \|\| props.pause ? 'paused' : 'running'}`,\n '--gradient-color': `rgba(${props.gradientColor}, 1), rgba(${props.gradientColor}, 0)`,\n '--gradient-length': `${gradientLength.value}`,\n '--min-width': `${widthMin.value}`,\n '--min-height': `${heightMin.value}`,\n '--orientation': props.vertical ? 'scrollY' : 'scrollX'\n }\n})\n\nconst setupMarquee = async () => {\n if (props.vertical) {\n heightMin.value = '100%'\n widthMin.value = 'auto'\n } else {\n heightMin.value = 'auto'\n widthMin.value = '100%'\n }\n\n if (props.gradient && props.gradientLength) {\n gradientLength.value = props.gradientLength\n }\n\n if (props.clone) {\n await checkForClone()\n ForcesUpdate()\n ready.value = true\n } else {\n ready.value = true\n }\n}\n\nonMounted(async () => {\n setupMarquee()\n\n loopInterval.value = setInterval(() => {\n loopCounter.value++\n\n if (props.loop !== 0 && loopCounter.value === props.loop) {\n emits('onComplete')\n clearInterval(loopInterval.value)\n }\n\n emits('onLoopComplete')\n }, props.duration * 1000)\n})\n\nonBeforeUnmount(() => {\n clearInterval(loopInterval.value)\n})\n\nwatch(widthContent, async () => {\n if (props.clone) {\n ForcesUpdate()\n }\n})\n\nwatch(widthContainer, async () => {\n if (props.clone) {\n ForcesUpdate()\n }\n})\n\nwatch(\n () => props.pause,\n (newVal, oldVal) => {\n if (newVal !== oldVal) {\n if (newVal) {\n emits('onResume')\n } else {\n emits('onPause')\n }\n }\n }\n)\n</script>\n\n<style lang=\"scss\">\n.vue3-marquee {\n display: flex !important;\n position: relative;\n\n .marquee {\n flex: 0 0 auto;\n min-width: var(--min-width);\n min-height: var(--min-height);\n z-index: 1;\n\n animation: var(--orientation) var(--duration) linear var(--delay) var(--loops);\n animation-play-state: var(--pauseAnimation);\n animation-direction: var(--direction);\n }\n\n .overlay {\n position: absolute;\n width: 100%;\n height: 100%;\n\n &:before {\n left: 0;\n top: 0;\n }\n\n &:before, &:after {\n content: '';\n position: absolute;\n z-index: 2;\n }\n }\n\n .transparent-overlay {\n position: absolute;\n width: 100.5%;\n height: 100.5%;\n }\n\n\n &.horizontal {\n overflow-x: hidden !important;\n flex-direction: row !important;\n width: 100%;\n height: max-content;\n\n .marquee {\n display: flex;\n flex-direction: row;\n align-items: center;\n }\n\n .overlay::before,.overlay::after {\n background: linear-gradient(to right, var(--gradient-color));\n height: 100%;\n width: var(--gradient-length);\n }\n\n .overlay::after {\n transform: rotateZ(180deg);\n right: 0;\n top: 0;\n }\n }\n\n &.vertical {\n overflow-y: hidden !important;\n flex-direction: column !important;\n height: 100%;\n width: max-content;\n\n .marquee {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n .overlay::before, .overlay::after {\n background: linear-gradient(to bottom, var(--gradient-color));\n height: var(--gradient-length);\n width: 100%;\n }\n\n .overlay::after {\n transform: rotateZ(-180deg);\n left: 0;\n bottom: 0;\n }\n }\n\n &:hover {\n div {\n animation-play-state: var(--pauseOnHover);\n }\n }\n\n &:active {\n div {\n animation-play-state: var(--pauseOnClick);\n } \n }\n}\n\n@keyframes scrollX {\n 0% {\n transform: translateX(0%);\n }\n 100% {\n transform: translateX(-100%);\n }\n}\n\n@keyframes scrollY {\n 0% {\n transform: translateY(0%);\n }\n 100% {\n transform: translateY(-100%);\n }\n}\n</style>"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"Marquee.vue.js","sources":["../../../../../src/components/Marquee/Marquee.vue"],"sourcesContent":["<template>\n <div\n v-if=\"ready\"\n class=\"vue3-marquee\"\n :class=\"{ vertical: vertical, horizontal: !vertical }\"\n :style=\"getCurrentStyle\"\n :key=\"componentKey\"\n @mouseenter=\"hoverStarted\"\n @mouseleave=\"hoverEnded\"\n @mousedown=\"mouseDown\"\n @mouseup=\"mouseUp\"\n >\n <div\n class=\"transparent-overlay\"\n ref=\"marqueeOverlayContainer\"\n :aria-hidden=\"true\"\n :class=\"{ vertical: vertical, horizontal: !vertical, overlay: gradient }\"\n />\n\n <div \n class=\"marquee\"\n ref=\"marqueeContent\">\n <slot></slot>\n </div>\n\n <div \n class=\"marquee\" \n :aria-hidden=\"true\"\n >\n <slot></slot>\n </div>\n\n <div\n v-for=\"num in cloneAmount\"\n :key=\"num\"\n :aria-hidden=\"true\"\n class=\"marquee cloned\"\n >\n <slot></slot>\n </div\n >\n </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, onBeforeUnmount, computed, watch } from 'vue'\n\nconst props = defineProps({\n vertical: { type: Boolean, default: false },\n direction: { type: String, default: 'normal' },\n duration: { type: Number, default: 20 },\n delay: { type: Number, default: 0 },\n loop: { type: Number, default: 0 },\n clone: { type: Boolean, default: false },\n gradient: { type: Boolean, default: false },\n gradientColor: { type: [Array,String], default: () => [255, 255, 255] },\n gradientLength: { type: String },\n pauseOnHover: { type: Boolean, default: false },\n pauseOnClick: { type: Boolean, default: false },\n pause: { type: Boolean, default: false }\n})\n\nconst emits = defineEmits(['onComplete', 'onLoopComplete', 'onPause', 'onResume'])\n\nconst ready = ref(false)\n\nconst componentKey = ref(0)\nconst cloneAmount = ref(0)\nconst loopCounter = ref(0)\nconst loopInterval = ref(null)\n\nconst widthMin = ref('100%')\nconst widthContainer = ref(0)\nconst widthContent = ref(0)\nconst heightMin = ref('100%')\nconst heightContainer = ref(0)\nconst heightContent = ref(0)\n\nconst gradientLength = ref('200px')\n\nconst verticalAnimationPause = ref(false)\nconst marqueeContent = ref(null)\nconst marqueeOverlayContainer = ref(null)\n\nconst ForcesUpdate = async () => {\n await checkForClone()\n componentKey.value++\n}\n\nconst checkForClone = async () => {\n if (props.vertical) {\n verticalAnimationPause.value = true\n }\n\n setInterval(() => {\n widthMin.value = '0%'\n heightMin.value = '0%'\n\n if (marqueeContent.value !== null && marqueeOverlayContainer.value !== null) {\n if (marqueeContent.value && marqueeOverlayContainer.value) {\n if (\n props.vertical &&\n 'clientHeight' in marqueeContent.value &&\n 'clientHeight' in marqueeOverlayContainer.value\n ) {\n heightContent.value = marqueeContent.value.clientHeight\n heightContainer.value = marqueeOverlayContainer.value.clientHeight\n\n const localCloneAmount = Math.ceil(heightContainer.value / heightContent.value)\n\n cloneAmount.value = isFinite(localCloneAmount) ? localCloneAmount : 0\n\n verticalAnimationPause.value = false\n\n return cloneAmount.value\n } else if (\n !props.vertical &&\n 'clientWidth' in marqueeContent.value &&\n 'clientWidth' in marqueeOverlayContainer.value\n ) {\n widthContent.value = marqueeContent.value.clientWidth\n widthContainer.value = marqueeOverlayContainer.value.clientWidth\n\n const localCloneAmount = Math.ceil(widthContainer.value / widthContent.value)\n\n cloneAmount.value = isFinite(localCloneAmount) ? localCloneAmount : 0\n\n return cloneAmount.value\n } else {\n widthMin.value = '100%'\n heightMin.value = '100%'\n return 0\n }\n } else {\n widthMin.value = '100%'\n heightMin.value = '100%'\n return 0\n }\n } else {\n widthMin.value = '100%'\n heightMin.value = '100%'\n return 0\n }\n }, 100)\n}\n\nconst hoverStarted = () => { if (props.pauseOnHover) emits('onPause') }\nconst hoverEnded = () => { if (props.pauseOnHover) emits('onResume') }\nconst mouseDown = () => { if (props.pauseOnClick) emits('onPause') }\nconst mouseUp = () => { if (props.pauseOnClick) emits('onResume') }\n\nconst getCurrentStyle = computed(() => {\n return {\n '--loops': `${props.loop === 0 ? 'infinite' : props.loop}`,\n '--duration': `${props.duration}s`,\n '--delay': `${props.delay}s`,\n '--direction': `${props.direction}`,\n '--pauseOnHover': `${props.pauseOnHover ? 'paused' : 'running'}`,\n '--pauseOnClick': `${props.pauseOnClick ? 'paused' : 'running'}`,\n '--pauseAnimation': `${(props.vertical && verticalAnimationPause.value) \|\| props.pause ? 'paused' : 'running'}`,\n '--gradient-color': `rgba(${props.gradientColor}, 1), rgba(${props.gradientColor}, 0)`,\n '--gradient-length': `${gradientLength.value}`,\n '--min-width': `${widthMin.value}`,\n '--min-height': `${heightMin.value}`,\n '--orientation': props.vertical ? 'scrollY' : 'scrollX'\n }\n})\n\nconst setupMarquee = async () => {\n if (props.vertical) {\n heightMin.value = '100%'\n widthMin.value = 'auto'\n } else {\n heightMin.value = 'auto'\n widthMin.value = '100%'\n }\n\n if (props.gradient && props.gradientLength) {\n gradientLength.value = props.gradientLength\n }\n\n if (props.clone) {\n await checkForClone()\n ForcesUpdate()\n ready.value = true\n } else {\n ready.value = true\n }\n}\n\nonMounted(async () => {\n setupMarquee()\n\n loopInterval.value = setInterval(() => {\n loopCounter.value++\n\n if (props.loop !== 0 && loopCounter.value === props.loop) {\n emits('onComplete')\n clearInterval(loopInterval.value)\n }\n\n emits('onLoopComplete')\n }, props.duration * 1000)\n})\n\nonBeforeUnmount(() => {\n clearInterval(loopInterval.value)\n})\n\nwatch(widthContent, async () => {\n if (props.clone) {\n ForcesUpdate()\n }\n})\n\nwatch(widthContainer, async () => {\n if (props.clone) {\n ForcesUpdate()\n }\n})\n\nwatch(\n () => props.pause,\n (newVal, oldVal) => {\n if (newVal !== oldVal) {\n if (newVal) {\n emits('onResume')\n } else {\n emits('onPause')\n }\n }\n }\n)\n</script>\n\n<style lang=\"scss\">\n.vue3-marquee {\n display: flex !important;\n position: relative;\n\n .marquee {\n flex: 0 0 auto;\n min-width: var(--min-width);\n min-height: var(--min-height);\n z-index: 1;\n\n animation: var(--orientation) var(--duration) linear var(--delay) var(--loops);\n animation-play-state: var(--pauseAnimation);\n animation-direction: var(--direction);\n }\n\n .overlay {\n position: absolute;\n width: 100%;\n height: 100%;\n\n &:before {\n left: 0;\n top: 0;\n }\n\n &:before, &:after {\n content: '';\n position: absolute;\n z-index: 2;\n }\n }\n\n .transparent-overlay {\n position: absolute;\n width: 100.5%;\n height: 100.5%;\n }\n\n\n &.horizontal {\n overflow-x: hidden !important;\n flex-direction: row !important;\n width: 100%;\n height: max-content;\n\n .marquee {\n display: flex;\n flex-direction: row;\n align-items: center;\n }\n\n .overlay::before,.overlay::after {\n background: linear-gradient(to right, var(--gradient-color));\n height: 100%;\n width: var(--gradient-length);\n }\n\n .overlay::after {\n transform: rotateZ(180deg);\n right: 0;\n top: 0;\n }\n }\n\n &.vertical {\n overflow-y: hidden !important;\n flex-direction: column !important;\n height: 100%;\n width: max-content;\n\n .marquee {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n .overlay::before, .overlay::after {\n background: linear-gradient(to bottom, var(--gradient-color));\n height: var(--gradient-length);\n width: 100%;\n }\n\n .overlay::after {\n transform: rotateZ(-180deg);\n left: 0;\n bottom: 0;\n }\n }\n\n &:hover {\n div {\n animation-play-state: var(--pauseOnHover);\n }\n }\n\n &:active {\n div {\n animation-play-state: var(--pauseOnClick);\n } \n }\n}\n\n@keyframes scrollX {\n 0% {\n transform: translateX(0%);\n }\n 100% {\n transform: translateX(-100%);\n }\n}\n\n@keyframes scrollY {\n 0% {\n transform: translateY(0%);\n }\n 100% {\n transform: translateY(-100%);\n }\n}\n</style>"],"names":[],"mappings":"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"}