npm - @nextcloud/vue - Versions diffs - 9.0.0-alpha.0 → 9.0.0-alpha.1 - Mend

@nextcloud/vue 9.0.0-alpha.0 → 9.0.0-alpha.1

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 (563) hide show

package/dist/chunks/{NcListItemIcon-FeNwaJy4.cjs.map → NcListItemIcon-dOvFvjqI.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NcListItemIcon-FeNwaJy4.cjs","sources":["../../src/components/NcListItemIcon/NcListItemIcon.vue"],"sourcesContent":["<!--\n - @copyright Copyright (c) 2018 John Molakvoæ <skjnldsv@protonmail.com>\n -\n - @author John Molakvoæ <skjnldsv@protonmail.com>\n -\n - @license GNU AGPL version 3 or any later version\n -\n - This program is free software: you can redistribute it and/or modify\n - it under the terms of the GNU Affero General Public License as\n - published by the Free Software Foundation, either version 3 of the\n - License, or (at your option) any later version.\n -\n - This program is distributed in the hope that it will be useful,\n - but WITHOUT ANY WARRANTY; without even the implied warranty of\n - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n - GNU Affero General Public License for more details.\n -\n - You should have received a copy of the GNU Affero General Public License\n - along with this program. If not, see <http://www.gnu.org/licenses/>.\n -\n -->\n<docs>\n## This is used to display a avatar-name/subname + icon layout\nIt might be used for list rendering or within the multiselect for example\n\n> Note: Any binding will be forwarded on the Avatar component root\n\n```vue\n<NcListItemIcon name=\"User 1\" />\n<NcListItemIcon name=\"User 1\" subname=\"Hidden subname because size is too small\" :avatar-size=\"24\" />\n```\n```vue\n\t<template>\n\t\t<NcListItemIcon name=\"User 1\" :avatar-size=\"44\">\n\t\t\t<Account :size=\"20\" />\n\t\t</NcListItemIcon>\n\t</template>\n\t<script>\n\timport Account from 'vue-material-design-icons/Account'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tAccount,\n\t\t},\n\t}\n\t</script>\n```\n\n### With icon\n```vue\n\t<template>\n\t\t<NcListItemIcon name=\"Group 1\" subname=\"13 members\" :is-no-user=\"true\">\n\t\t\t<AccountMultiple :size=\"20\" />\n\t\t</NcListItemIcon>\n\t</template>\n\t<script>\n\timport AccountMultiple from 'vue-material-design-icons/AccountMultiple'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tAccountMultiple,\n\t\t},\n\t}\n\t</script>\n```\n\n### Searching\n```vue\n\t<template>\n\t\t<NcListItemIcon name=\"Test user 1\" subname=\"callmetest@domain.com\" search=\"test\" />\n\t\t<NcListItemIcon name=\"Testing admin\" subname=\"testme@example.com\" search=\"test\" />\n\t\t<NcListItemIcon name=\"Test group 2\" subname=\"loremipsum@domain.com\" :is-no-user=\"true\" search=\"test\">\n\t\t\t<AccountMultiple :size=\"20\" />\n\t\t</NcListItemIcon>\n\t</template>\n\t<script>\n\timport AccountMultiple from 'vue-material-design-icons/AccountMultiple'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tAccountMultiple,\n\t\t},\n\t}\n\t</script>\n```\n\n### With actions\n```vue\n\t<template>\n\t\t<NcListItemIcon name=\"Test user 1\" subname=\"callmetest@domain.com\">\n\t\t\t<NcActions>\n\t\t\t\t<NcActionButton @click=\"alert('Edit')\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<Pencil :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t\tEdit\n\t\t\t\t</NcActionButton>\n\t\t\t\t<NcActionButton @click=\"alert('Delete')\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<Delete :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t\tDelete\n\t\t\t\t</NcActionButton>\n\t\t\t</NcActions>\n\t\t</NcListItemIcon>\n\t</template>\n\t<script>\n\timport Delete from 'vue-material-design-icons/Delete'\n\timport Pencil from 'vue-material-design-icons/Pencil'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tDelete,\n\t\t\tPencil,\n\t\t},\n\t}\n\t</script>\n```\n</docs>\n\n<template>\n\t<span :id=\"id\"\n\t\tclass=\"option\"\n\t\t:style=\"cssVars\">\n\t\t<NcAvatar v-bind=\"$attrs\"\n\t\t\t:disable-menu=\"true\"\n\t\t\t:disable-tooltip=\"true\"\n\t\t\t:display-name=\"displayName \|\| name\"\n\t\t\t:is-no-user=\"isNoUser\"\n\t\t\t:size=\"avatarSize\"\n\t\t\tclass=\"option__avatar\" />\n\t\t<div class=\"option__details\">\n\t\t\t<NcHighlight class=\"option__lineone\"\n\t\t\t\t:text=\"name\"\n\t\t\t\t:search=\"searchParts[0]\" />\n\t\t\t<NcHighlight v-if=\"isValidSubname && isSizeBigEnough\"\n\t\t\t\tclass=\"option__linetwo\"\n\t\t\t\t:text=\"subname\"\n\t\t\t\t:search=\"searchParts[1]\" />\n\t\t\t<span v-else-if=\"hasStatus\">\n\t\t\t\t<span>{{ userStatus.icon }}</span>\n\t\t\t\t<span>{{ userStatus.message }}</span>\n\t\t\t</span>\n\t\t</div>\n\n\t\t<!-- @slot use this slot to add a custom icon or actions -->\n\t\t<slot>\n\t\t\t<NcIconSvgWrapper v-if=\"hasIconSvg\"\n\t\t\t\tclass=\"option__icon\"\n\t\t\t\t:svg=\"iconSvg\"\n\t\t\t\t:name=\"iconName\" />\n\t\t\t<span v-else-if=\"hasIcon\"\n\t\t\t\tclass=\"icon option__icon\"\n\t\t\t\t:class=\"icon\"\n\t\t\t\t:aria-label=\"iconName\" />\n\t\t</slot>\n\t</span>\n</template>\n\n<script>\nimport NcAvatar from '../NcAvatar/index.js'\nimport NcHighlight from '../NcHighlight/index.js'\nimport NcIconSvgWrapper from '../NcIconSvgWrapper/index.js'\n\nimport { userStatus } from '../../mixins/index.js'\n\n// global margin, ^2 ratio\nconst margin = 8\nconst defaultSize = 32\n\nexport default {\n\tname: 'NcListItemIcon',\n\n\tcomponents: {\n\t\tNcAvatar,\n\t\tNcHighlight,\n\t\tNcIconSvgWrapper,\n\t},\n\n\tmixins: [\n\t\tuserStatus,\n\t],\n\n\tprops: {\n\t\t/*\n\t\t Default first line text\n\t\t /\n\t\tname: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/\n\t\t Secondary optional line\n\t\t * Only visible on size of 32 and above\n\t\t /\n\t\tsubname: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t Icon class to be displayed at the end of the component\n\t\t /\n\t\ticon: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t SVG icon to be displayed at the end of the component\n\t\t /\n\t\ticonSvg: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t Descriptive name for the icon\n\t\t /\n\t\ticonName: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t Search within the highlight of name/subname\n\t\t /\n\t\tsearch: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t Set a size in px that will define the avatar height/width\n\t\t * and therefore, the height of the component\n\t\t /\n\t\tavatarSize: {\n\t\t\ttype: Number,\n\t\t\tdefault: defaultSize,\n\t\t},\n\n\t\t/\n\t\t Disable the margins of this component.\n\t\t * Useful for integration in `NcSelect` for example\n\t\t /\n\t\tnoMargin: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/\n\t\t See the [Avatar](#Avatar) displayName prop\n\t\t * Fallback to name\n\t\t /\n\t\tdisplayName: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t\t/\n\t\t See the [Avatar](#Avatar) isNoUser prop\n\t\t * Enable/disable the UserStatus fetching\n\t\t /\n\t\tisNoUser: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/\n\t\t Unique list item ID\n\t\t /\n\t\tid: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\tmargin,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\thasIcon() {\n\t\t\treturn this.icon !== ''\n\t\t},\n\n\t\thasIconSvg() {\n\t\t\treturn this.iconSvg !== ''\n\t\t},\n\n\t\tisValidSubname() {\n\t\t\treturn this.subname?.trim?.() !== ''\n\t\t},\n\n\t\tisSizeBigEnough() {\n\t\t\treturn this.avatarSize >= defaultSize\n\t\t},\n\n\t\tcssVars() {\n\t\t\t// Don't use margin to calculate the height if noMargin\n\t\t\tconst margin = this.noMargin ? 0 : this.margin\n\n\t\t\treturn {\n\t\t\t\t'--height': this.avatarSize + 2 margin + 'px',\n\t\t\t\t'--margin': this.margin + 'px',\n\t\t\t}\n\t\t},\n\n\t\t/*\n\t\t Seperates the search property into two parts, the first one is the search part on the name, the second on the subname.\n\t\t * @return {[string, string]}\n\t\t /\n\t\tsearchParts() {\n\t\t\t// Match the email notation like \"Jane <j.doe@example.com>\" with the email address as matching group\n\t\t\tconst EMAIL_NOTATION = /^([^<])<([^>]+)>?$/\n\n\t\t\tconst match = this.search.match(EMAIL_NOTATION)\n\t\t\tif (this.isNoUser \|\| !match) {\n\t\t\t\treturn [this.search, this.search]\n\t\t\t}\n\t\t\treturn [match[1].trim(), match[2]]\n\t\t},\n\t},\n\n\tbeforeMount() {\n\t\t// If we don't have a subname and if this is a user\n\t\tif (!this.isNoUser && !this.subname) {\n\t\t\tthis.fetchUserStatus(this.user)\n\t\t}\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.option {\n\tdisplay: flex;\n\talign-items: center;\n\twidth: 100%;\n\theight: var(--height);\n\tcursor: inherit;\n\n\t&__avatar {\n\t\tmargin-right: var(--margin);\n\t}\n\n\t&__details {\n\t\tdisplay: flex;\n\t\tflex: 1 1;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\tmin-width: 0;\n\t}\n\n\t&__lineone {\n\t\tcolor: var(--color-main-text);\n\t}\n\n\t&__linetwo {\n\t\tcolor: var(--color-text-maxcontrast);\n\t}\n\n\t&__lineone,\n\t&__linetwo {\n\t\toverflow: hidden;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t\tline-height: 1.1em;\n\t\tstrong {\n\t\t\tfont-weight: bold;\n\t\t}\n\t}\n\n\t&__icon {\n\t\twidth: $clickable-area;\n\t\theight: $clickable-area;\n\t\tcolor: var(--color-text-maxcontrast);\n\t\t&.icon {\n\t\t\tflex: 0 0 $clickable-area;\n\t\t\topacity: $opacity_normal;\n\t\t\tbackground-position: center;\n\t\t\tbackground-size: 16px;\n\t\t}\n\t}\n\n\t&__details,\n\t&__lineone,\n\t&__linetwo,\n\t&__icon {\n\t\tcursor: inherit;\n\t}\n}\n</style>\n"],"names":["margin","defaultSize","_sfc_main","NcAvatar","NcIconSvgWrapper","EMAIL_NOTATION","match","_hoisted_1","_hoisted_2","_hoisted_4","$props","vue","$options","_hoisted_3","_ctx"],"mappings":";;;;;;;;;AAuKA,MAAAA,IAAA,GACAC,IAAA,IAEAC,IAAA;AAAA,EACC,MAAA;AAAA;IAGC,UAAAC,EAAA;AAAA;IAEA,kBAAAC,EAAA;AAAA;EAGD,QAAA;AAAA;;EAIA,OAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;IAaC,SAAA;AAAA;;;;;;;;;;;;;IAgBA,SAAA;AAAA;;;;;;IAQA,UAAA;AAAA;;;;;;IAQA,QAAA;AAAA;;;;;;;;;MAWC,SAAAH;AAAA;;;;;IAOD,UAAA;AAAA;;;;;;;;;;;;;;;IAiBA,UAAA;AAAA;;;;;;IAQA,IAAA;AAAA;;;;EAMD,OAAA;AACC,WAAA;AAAA,MACC,QAAAD;AAAA,IACD;AAAA;EAGD,UAAA;AAAA,IACC,UAAA;AACC,aAAA,KAAA,SAAA;AAAA;;;;IAOD,iBAAA;AACC,aAAA,KAAA,SAAA,OAAA,MAAA;AAAA;IAGD,kBAAA;AACC,aAAA,KAAA,cAAAC;AAAA;IAGD,UAAA;AAEC,YAAAD,IAAA,KAAA,WAAA,IAAA,KAAA;AAEA,aAAA;AAAA,QACC,YAAA,KAAA,aAAA,IAAAA,IAAA;AAAA;MAED;AAAA;;;;;;AASA,YAAAK,IAAA,uBAEAC,IAAA,KAAA,OAAA,MAAAD,CAAA;mCAEC,CAAA,KAAA,QAAA,KAAA,MAAA,IAED,CAAAC,EAAA,CAAA,EAAA,KAAA,GAAAA,EAAA,CAAA,CAAA;AAAA;;;AAMD,IAAA,CAAA,KAAA,YAAA,CAAA,KAAA,WACC,KAAA,gBAAA,KAAA,IAAA;AAAA;AAGH,GA5UAC,IAAA,CAAA,IAAA,GAmIOC,IAAA,EAAA,OAAA,kBAAA,mBAnIPC,IAAA,CAAA,YAAA;;;;IAyHQ,IAAAC,EAAA;AAAA,IACN,OAAA;AAAA;;;MAGE,gBAAA;AAAA,MACA,mBAAA;AAAA;MAEA,cAAAA,EAAA;AAAA,MACA,MAAAA,EAAA;AAAA,MACD,OAAA;AAAA;IACDC,EAAA,mBAAA,OAAAH,GAAA;AAAA;QACc,OAAA;AAAA,QACX,MAAAE,EAAA;AAAA,QACA,QAAAE,EAAA,YAAA,CAAA;AAAA;MACiBA,EAAA,kBAAAA,EAAA;;QAClB,OAAA;AAAA,QACC,MAAAF,EAAA;AAAA,QACA,QAAAE,EAAA,YAAA,CAAA;AAAA,wDACFD,EAAA,UAAA,GAAAA,EAAA,mBAAA,QAAAE,GAAA;AAAA;;YA3IHF,EAAA,mBAAA,IAAA,EAAA;AAAA;IAkJEA,EAAA,WAAAG,EAAA,QAAA,WAAA,CAAA,GAAA,MAAA;AAAA;;QAEE,OAAA;AAAA,QACC,KAAAJ,EAAA;AAAA,QACA,MAAAA,EAAA;AAAA;;QAED,OAAAC,EAAA,eAAA,CAAA,qBAAAD,EAAA,IAAA,CAAA;AAAA,QAEC,cAAAA,EAAA;AAAA,MA1JL,GAAA,MAAA,IAAAD,CAAA,KAAAE,EAAA,mBAAA,IAAA,EAAA;AAAA;EAAA,GAAA,IAAAJ,CAAA;;;;"}
1	+ {"version":3,"file":"NcListItemIcon-dOvFvjqI.cjs","sources":["../../src/components/NcListItemIcon/NcListItemIcon.vue"],"sourcesContent":["<!--\n - @copyright Copyright (c) 2018 John Molakvoæ <skjnldsv@protonmail.com>\n -\n - @author John Molakvoæ <skjnldsv@protonmail.com>\n -\n - @license GNU AGPL version 3 or any later version\n -\n - This program is free software: you can redistribute it and/or modify\n - it under the terms of the GNU Affero General Public License as\n - published by the Free Software Foundation, either version 3 of the\n - License, or (at your option) any later version.\n -\n - This program is distributed in the hope that it will be useful,\n - but WITHOUT ANY WARRANTY; without even the implied warranty of\n - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n - GNU Affero General Public License for more details.\n -\n - You should have received a copy of the GNU Affero General Public License\n - along with this program. If not, see <http://www.gnu.org/licenses/>.\n -\n -->\n<docs>\n## This is used to display a avatar-name/subname + icon layout\nIt might be used for list rendering or within the multiselect for example\n\n> Note: Any binding will be forwarded on the Avatar component root\n\n```vue\n<NcListItemIcon name=\"User 1\" />\n<NcListItemIcon name=\"User 1\" subname=\"Hidden subname because size is too small\" :avatar-size=\"24\" />\n```\n```vue\n\t<template>\n\t\t<NcListItemIcon name=\"User 1\" :avatar-size=\"44\">\n\t\t\t<Account :size=\"20\" />\n\t\t</NcListItemIcon>\n\t</template>\n\t<script>\n\timport Account from 'vue-material-design-icons/Account'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tAccount,\n\t\t},\n\t}\n\t</script>\n```\n\n### With icon\n```vue\n\t<template>\n\t\t<NcListItemIcon name=\"Group 1\" subname=\"13 members\" :is-no-user=\"true\">\n\t\t\t<AccountMultiple :size=\"20\" />\n\t\t</NcListItemIcon>\n\t</template>\n\t<script>\n\timport AccountMultiple from 'vue-material-design-icons/AccountMultiple'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tAccountMultiple,\n\t\t},\n\t}\n\t</script>\n```\n\n### Searching\n```vue\n\t<template>\n\t\t<NcListItemIcon name=\"Test user 1\" subname=\"callmetest@domain.com\" search=\"test\" />\n\t\t<NcListItemIcon name=\"Testing admin\" subname=\"testme@example.com\" search=\"test\" />\n\t\t<NcListItemIcon name=\"Test group 2\" subname=\"loremipsum@domain.com\" :is-no-user=\"true\" search=\"test\">\n\t\t\t<AccountMultiple :size=\"20\" />\n\t\t</NcListItemIcon>\n\t</template>\n\t<script>\n\timport AccountMultiple from 'vue-material-design-icons/AccountMultiple'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tAccountMultiple,\n\t\t},\n\t}\n\t</script>\n```\n\n### With actions\n```vue\n\t<template>\n\t\t<NcListItemIcon name=\"Test user 1\" subname=\"callmetest@domain.com\">\n\t\t\t<NcActions>\n\t\t\t\t<NcActionButton @click=\"alert('Edit')\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<Pencil :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t\tEdit\n\t\t\t\t</NcActionButton>\n\t\t\t\t<NcActionButton @click=\"alert('Delete')\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<Delete :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t\tDelete\n\t\t\t\t</NcActionButton>\n\t\t\t</NcActions>\n\t\t</NcListItemIcon>\n\t</template>\n\t<script>\n\timport Delete from 'vue-material-design-icons/Delete'\n\timport Pencil from 'vue-material-design-icons/Pencil'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tDelete,\n\t\t\tPencil,\n\t\t},\n\t}\n\t</script>\n```\n</docs>\n\n<template>\n\t<span :id=\"id\"\n\t\tclass=\"option\"\n\t\t:style=\"cssVars\">\n\t\t<NcAvatar v-bind=\"$attrs\"\n\t\t\t:disable-menu=\"true\"\n\t\t\t:disable-tooltip=\"true\"\n\t\t\t:display-name=\"displayName \|\| name\"\n\t\t\t:is-no-user=\"isNoUser\"\n\t\t\t:size=\"avatarSize\"\n\t\t\tclass=\"option__avatar\" />\n\t\t<div class=\"option__details\">\n\t\t\t<NcHighlight class=\"option__lineone\"\n\t\t\t\t:text=\"name\"\n\t\t\t\t:search=\"searchParts[0]\" />\n\t\t\t<NcHighlight v-if=\"isValidSubname && isSizeBigEnough\"\n\t\t\t\tclass=\"option__linetwo\"\n\t\t\t\t:text=\"subname\"\n\t\t\t\t:search=\"searchParts[1]\" />\n\t\t\t<span v-else-if=\"hasStatus\">\n\t\t\t\t<span>{{ userStatus.icon }}</span>\n\t\t\t\t<span>{{ userStatus.message }}</span>\n\t\t\t</span>\n\t\t</div>\n\n\t\t<!-- @slot use this slot to add a custom icon or actions -->\n\t\t<slot>\n\t\t\t<NcIconSvgWrapper v-if=\"hasIconSvg\"\n\t\t\t\tclass=\"option__icon\"\n\t\t\t\t:svg=\"iconSvg\"\n\t\t\t\t:name=\"iconName\" />\n\t\t\t<span v-else-if=\"hasIcon\"\n\t\t\t\tclass=\"icon option__icon\"\n\t\t\t\t:class=\"icon\"\n\t\t\t\t:aria-label=\"iconName\" />\n\t\t</slot>\n\t</span>\n</template>\n\n<script>\nimport NcAvatar from '../NcAvatar/index.js'\nimport NcHighlight from '../NcHighlight/index.js'\nimport NcIconSvgWrapper from '../NcIconSvgWrapper/index.js'\n\nimport { userStatus } from '../../mixins/index.js'\n\n// global margin, ^2 ratio\nconst margin = 8\nconst defaultSize = 32\n\nexport default {\n\tname: 'NcListItemIcon',\n\n\tcomponents: {\n\t\tNcAvatar,\n\t\tNcHighlight,\n\t\tNcIconSvgWrapper,\n\t},\n\n\tmixins: [\n\t\tuserStatus,\n\t],\n\n\tprops: {\n\t\t/*\n\t\t Default first line text\n\t\t /\n\t\tname: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/\n\t\t Secondary optional line\n\t\t * Only visible on size of 32 and above\n\t\t /\n\t\tsubname: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t Icon class to be displayed at the end of the component\n\t\t /\n\t\ticon: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t SVG icon to be displayed at the end of the component\n\t\t /\n\t\ticonSvg: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t Descriptive name for the icon\n\t\t /\n\t\ticonName: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t Search within the highlight of name/subname\n\t\t /\n\t\tsearch: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t Set a size in px that will define the avatar height/width\n\t\t * and therefore, the height of the component\n\t\t /\n\t\tavatarSize: {\n\t\t\ttype: Number,\n\t\t\tdefault: defaultSize,\n\t\t},\n\n\t\t/\n\t\t Disable the margins of this component.\n\t\t * Useful for integration in `NcSelect` for example\n\t\t /\n\t\tnoMargin: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/\n\t\t See the [Avatar](#Avatar) displayName prop\n\t\t * Fallback to name\n\t\t /\n\t\tdisplayName: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t\t/\n\t\t See the [Avatar](#Avatar) isNoUser prop\n\t\t * Enable/disable the UserStatus fetching\n\t\t /\n\t\tisNoUser: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/\n\t\t Unique list item ID\n\t\t /\n\t\tid: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\tmargin,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\thasIcon() {\n\t\t\treturn this.icon !== ''\n\t\t},\n\n\t\thasIconSvg() {\n\t\t\treturn this.iconSvg !== ''\n\t\t},\n\n\t\tisValidSubname() {\n\t\t\treturn this.subname?.trim?.() !== ''\n\t\t},\n\n\t\tisSizeBigEnough() {\n\t\t\treturn this.avatarSize >= defaultSize\n\t\t},\n\n\t\tcssVars() {\n\t\t\t// Don't use margin to calculate the height if noMargin\n\t\t\tconst margin = this.noMargin ? 0 : this.margin\n\n\t\t\treturn {\n\t\t\t\t'--height': this.avatarSize + 2 margin + 'px',\n\t\t\t\t'--margin': this.margin + 'px',\n\t\t\t}\n\t\t},\n\n\t\t/*\n\t\t Seperates the search property into two parts, the first one is the search part on the name, the second on the subname.\n\t\t * @return {[string, string]}\n\t\t /\n\t\tsearchParts() {\n\t\t\t// Match the email notation like \"Jane <j.doe@example.com>\" with the email address as matching group\n\t\t\tconst EMAIL_NOTATION = /^([^<])<([^>]+)>?$/\n\n\t\t\tconst match = this.search.match(EMAIL_NOTATION)\n\t\t\tif (this.isNoUser \|\| !match) {\n\t\t\t\treturn [this.search, this.search]\n\t\t\t}\n\t\t\treturn [match[1].trim(), match[2]]\n\t\t},\n\t},\n\n\tbeforeMount() {\n\t\t// If we don't have a subname and if this is a user\n\t\tif (!this.isNoUser && !this.subname) {\n\t\t\tthis.fetchUserStatus(this.user)\n\t\t}\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.option {\n\tdisplay: flex;\n\talign-items: center;\n\twidth: 100%;\n\theight: var(--height);\n\tcursor: inherit;\n\n\t&__avatar {\n\t\tmargin-right: var(--margin);\n\t}\n\n\t&__details {\n\t\tdisplay: flex;\n\t\tflex: 1 1;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\tmin-width: 0;\n\t}\n\n\t&__lineone {\n\t\tcolor: var(--color-main-text);\n\t}\n\n\t&__linetwo {\n\t\tcolor: var(--color-text-maxcontrast);\n\t}\n\n\t&__lineone,\n\t&__linetwo {\n\t\toverflow: hidden;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t\tline-height: 1.1em;\n\t\tstrong {\n\t\t\tfont-weight: bold;\n\t\t}\n\t}\n\n\t&__icon {\n\t\twidth: $clickable-area;\n\t\theight: $clickable-area;\n\t\tcolor: var(--color-text-maxcontrast);\n\t\t&.icon {\n\t\t\tflex: 0 0 $clickable-area;\n\t\t\topacity: $opacity_normal;\n\t\t\tbackground-position: center;\n\t\t\tbackground-size: 16px;\n\t\t}\n\t}\n\n\t&__details,\n\t&__lineone,\n\t&__linetwo,\n\t&__icon {\n\t\tcursor: inherit;\n\t}\n}\n</style>\n"],"names":["margin","defaultSize","_sfc_main","NcAvatar","NcIconSvgWrapper","_b","_a","EMAIL_NOTATION","match","_hoisted_1","_hoisted_2","_hoisted_4","$props","vue","$options","_hoisted_3","_ctx"],"mappings":";;;;;;;;;AAuKA,MAAAA,IAAA,GACAC,IAAA,IAEAC,IAAA;AAAA,EACC,MAAA;AAAA;IAGC,UAAAC,EAAA;AAAA;IAEA,kBAAAC,EAAA;AAAA;EAGD,QAAA;AAAA;;EAIA,OAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;IAaC,SAAA;AAAA;;;;;;;;;;;;;IAgBA,SAAA;AAAA;;;;;;IAQA,UAAA;AAAA;;;;;;IAQA,QAAA;AAAA;;;;;;;;;MAWC,SAAAH;AAAA;;;;;IAOD,UAAA;AAAA;;;;;;;;;;;;;;;IAiBA,UAAA;AAAA;;;;;;IAQA,IAAA;AAAA;;;;EAMD,OAAA;AACC,WAAA;AAAA,MACC,QAAAD;AAAA,IACD;AAAA;EAGD,UAAA;AAAA,IACC,UAAA;AACC,aAAA,KAAA,SAAA;AAAA;;;;IAOD,iBAAA;;AACC,eAAAK,KAAAC,IAAA,KAAA,YAAA,gBAAAA,EAAA,SAAA,gBAAAD,EAAA,KAAAC,QAAA;AAAA;IAGD,kBAAA;AACC,aAAA,KAAA,cAAAL;AAAA;IAGD,UAAA;AAEC,YAAAD,IAAA,KAAA,WAAA,IAAA,KAAA;AAEA,aAAA;AAAA,QACC,YAAA,KAAA,aAAA,IAAAA,IAAA;AAAA;MAED;AAAA;;;;;;AASA,YAAAO,IAAA,uBAEAC,IAAA,KAAA,OAAA,MAAAD,CAAA;mCAEC,CAAA,KAAA,QAAA,KAAA,MAAA,IAED,CAAAC,EAAA,CAAA,EAAA,KAAA,GAAAA,EAAA,CAAA,CAAA;AAAA;;;AAMD,IAAA,CAAA,KAAA,YAAA,CAAA,KAAA,WACC,KAAA,gBAAA,KAAA,IAAA;AAAA;AAGH,GA5UAC,IAAA,CAAA,IAAA,GAmIOC,IAAA,EAAA,OAAA,kBAAA,mBAnIPC,IAAA,CAAA,YAAA;;;;IAyHQ,IAAAC,EAAA;AAAA,IACN,OAAA;AAAA;;;MAGE,gBAAA;AAAA,MACA,mBAAA;AAAA;MAEA,cAAAA,EAAA;AAAA,MACA,MAAAA,EAAA;AAAA,MACD,OAAA;AAAA;IACDC,EAAA,mBAAA,OAAAH,GAAA;AAAA;QACc,OAAA;AAAA,QACX,MAAAE,EAAA;AAAA,QACA,QAAAE,EAAA,YAAA,CAAA;AAAA;MACiBA,EAAA,kBAAAA,EAAA;;QAClB,OAAA;AAAA,QACC,MAAAF,EAAA;AAAA,QACA,QAAAE,EAAA,YAAA,CAAA;AAAA,wDACFD,EAAA,UAAA,GAAAA,EAAA,mBAAA,QAAAE,GAAA;AAAA;;YA3IHF,EAAA,mBAAA,IAAA,EAAA;AAAA;IAkJEA,EAAA,WAAAG,EAAA,QAAA,WAAA,CAAA,GAAA,MAAA;AAAA;;QAEE,OAAA;AAAA,QACC,KAAAJ,EAAA;AAAA,QACA,MAAAA,EAAA;AAAA;;QAED,OAAAC,EAAA,eAAA,CAAA,qBAAAD,EAAA,IAAA,CAAA;AAAA,QAEC,cAAAA,EAAA;AAAA,MA1JL,GAAA,MAAA,IAAAD,CAAA,KAAAE,EAAA,mBAAA,IAAA,EAAA;AAAA;EAAA,GAAA,IAAAJ,CAAA;;;;"}

package/dist/chunks/{NcNoteCard-joOYqjyF.mjs → NcNoteCard-MnmgJvKD.mjs} RENAMED Viewed

@@ -1,5 +1,5 @@
-import "../assets/NcNoteCard-OTfZqVvP.css";
-import { openBlock as i, createElementBlock as r, mergeProps as u, createElementVNode as o, toDisplayString as s, createCommentVNode as c, normalizeClass as f, createBlock as g, resolveDynamicComponent as y, renderSlot as L } from "vue";
+import "../assets/NcNoteCard-f0NZpwjL.css";
+import { openBlock as i, createElementBlock as l, mergeProps as _, createElementVNode as o, toDisplayString as s, createCommentVNode as c, normalizeClass as f, renderSlot as m, createBlock as y, resolveDynamicComponent as L } from "vue";
 import { _ as d } from "./_plugin-vue_export-helper-hUChTQA_.mjs";
 const k = {
   name: "CheckboxMarkedCircleIcon",
@@ -18,15 +18,15 @@ const k = {
     }
   }
 }, C = ["aria-hidden", "aria-label"], w = ["fill", "width", "height"], v = { d: "M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" }, $ = { key: 0 };
-function A(t, l, e, h, _, n) {
-  return i(), r("span", u(t.$attrs, {
-    "aria-hidden": !e.title,
+function A(t, r, e, u, h, n) {
+  return i(), l("span", _(t.$attrs, {
+    "aria-hidden": e.title ? null : !0,
     "aria-label": e.title,
     class: "material-design-icon checkbox-marked-circle-icon",
     role: "img",
-    onClick: l[0] || (l[0] = (a) => t.$emit("click", a))
+    onClick: r[0] || (r[0] = (a) => t.$emit("click", a))
   }), [
-    (i(), r("svg", {
+    (i(), l("svg", {
       fill: e.fillColor,
       class: "material-design-icon__svg",
       width: e.size,
@@ -34,7 +34,7 @@ function A(t, l, e, h, _, n) {
       viewBox: "0 0 24 24"
     }, [
       o("path", v, [
-        e.title ? (i(), r("title", $, s(e.title), 1)) : c("", !0)
+        e.title ? (i(), l("title", $, s(e.title), 1)) : c("", !0)
       ])
     ], 8, w))
   ], 16, C);
@@ -56,15 +56,15 @@ const b = /* @__PURE__ */ d(k, [["render", A]]), S = {
     }
   }
 }, z = ["aria-hidden", "aria-label"], H = ["fill", "width", "height"], M = { d: "M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M13,17H11V15H13V17M13,13H11V7H13V13Z" }, N = { key: 0 };
-function V(t, l, e, h, _, n) {
-  return i(), r("span", u(t.$attrs, {
-    "aria-hidden": !e.title,
+function V(t, r, e, u, h, n) {
+  return i(), l("span", _(t.$attrs, {
+    "aria-hidden": e.title ? null : !0,
     "aria-label": e.title,
     class: "material-design-icon alert-decagram-icon",
     role: "img",
-    onClick: l[0] || (l[0] = (a) => t.$emit("click", a))
+    onClick: r[0] || (r[0] = (a) => t.$emit("click", a))
   }), [
-    (i(), r("svg", {
+    (i(), l("svg", {
       fill: e.fillColor,
       class: "material-design-icon__svg",
       width: e.size,
@@ -72,7 +72,7 @@ function V(t, l, e, h, _, n) {
       viewBox: "0 0 24 24"
     }, [
       o("path", M, [
-        e.title ? (i(), r("title", N, s(e.title), 1)) : c("", !0)
+        e.title ? (i(), l("title", N, s(e.title), 1)) : c("", !0)
       ])
     ], 8, H))
   ], 16, z);
@@ -94,15 +94,15 @@ const B = /* @__PURE__ */ d(S, [["render", V]]), I = {
     }
   }
 }, x = ["aria-hidden", "aria-label"], D = ["fill", "width", "height"], Z = { d: "M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z" }, p = { key: 0 };
-function E(t, l, e, h, _, n) {
-  return i(), r("span", u(t.$attrs, {
-    "aria-hidden": !e.title,
+function E(t, r, e, u, h, n) {
+  return i(), l("span", _(t.$attrs, {
+    "aria-hidden": e.title ? null : !0,
     "aria-label": e.title,
     class: "material-design-icon alert-icon",
     role: "img",
-    onClick: l[0] || (l[0] = (a) => t.$emit("click", a))
+    onClick: r[0] || (r[0] = (a) => t.$emit("click", a))
   }), [
-    (i(), r("svg", {
+    (i(), l("svg", {
       fill: e.fillColor,
       class: "material-design-icon__svg",
       width: e.size,
@@ -110,12 +110,12 @@ function E(t, l, e, h, _, n) {
       viewBox: "0 0 24 24"
     }, [
       o("path", Z, [
-        e.title ? (i(), r("title", p, s(e.title), 1)) : c("", !0)
+        e.title ? (i(), l("title", p, s(e.title), 1)) : c("", !0)
       ])
     ], 8, D))
   ], 16, x);
 }
-const m = /* @__PURE__ */ d(I, [["render", E]]), P = {
+const g = /* @__PURE__ */ d(I, [["render", E]]), P = {
   name: "InformationIcon",
   emits: ["click"],
   props: {
@@ -132,15 +132,15 @@ const m = /* @__PURE__ */ d(I, [["render", E]]), P = {
     }
   }
 }, j = ["aria-hidden", "aria-label"], q = ["fill", "width", "height"], F = { d: "M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" }, G = { key: 0 };
-function J(t, l, e, h, _, n) {
-  return i(), r("span", u(t.$attrs, {
-    "aria-hidden": !e.title,
+function J(t, r, e, u, h, n) {
+  return i(), l("span", _(t.$attrs, {
+    "aria-hidden": e.title ? null : !0,
     "aria-label": e.title,
     class: "material-design-icon information-icon",
     role: "img",
-    onClick: l[0] || (l[0] = (a) => t.$emit("click", a))
+    onClick: r[0] || (r[0] = (a) => t.$emit("click", a))
   }), [
-    (i(), r("svg", {
+    (i(), l("svg", {
       fill: e.fillColor,
       class: "material-design-icon__svg",
       width: e.size,
@@ -148,7 +148,7 @@ function J(t, l, e, h, _, n) {
       viewBox: "0 0 24 24"
     }, [
       o("path", F, [
-        e.title ? (i(), r("title", G, s(e.title), 1)) : c("", !0)
+        e.title ? (i(), l("title", G, s(e.title), 1)) : c("", !0)
       ])
     ], 8, q))
   ], 16, j);
@@ -186,9 +186,9 @@ const K = /* @__PURE__ */ d(P, [["render", J]]), O = {
         case "info":
           return K;
         case "warning":
-          return m;
+          return g;
         default:
-          return m;
+          return g;
       }
     },
     color() {
@@ -207,22 +207,24 @@ const K = /* @__PURE__ */ d(P, [["render", J]]), O = {
     }
   }
 }, Q = ["role"], R = { key: 0 };
-function T(t, l, e, h, _, n) {
-  return i(), r("div", {
-    class: f(["notecard", `notecard--${e.type}`]),
+function T(t, r, e, u, h, n) {
+  return i(), l("div", {
+    class: f(["notecard", "notecard--".concat(e.type)]),
     role: n.shouldShowAlert ? "alert" : "note"
   }, [
-    (i(), g(y(n.icon), {
-      class: f(["notecard__icon", { "notecard__icon--heading": e.heading }]),
-      "fill-color": n.color
-    }, null, 8, ["class", "fill-color"])),
+    m(t.$slots, "icon", {}, () => [
+      (i(), y(L(n.icon), {
+        class: f(["notecard__icon", { "notecard__icon--heading": e.heading }]),
+        "fill-color": n.color
+      }, null, 8, ["class", "fill-color"]))
+    ], !0),
     o("div", null, [
-      e.heading ? (i(), r("h2", R, s(e.heading), 1)) : c("", !0),
-      L(t.$slots, "default", {}, void 0, !0)
+      e.heading ? (i(), l("h2", R, s(e.heading), 1)) : c("", !0),
+      m(t.$slots, "default", {}, void 0, !0)
     ])
   ], 10, Q);
 }
-const Y = /* @__PURE__ */ d(O, [["render", T], ["__scopeId", "data-v-3a409988"]]);
+const Y = /* @__PURE__ */ d(O, [["render", T], ["__scopeId", "data-v-722d543a"]]);
 export {
   Y as N
 };

package/dist/chunks/NcNoteCard-MnmgJvKD.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"NcNoteCard-MnmgJvKD.mjs","sources":["../../node_modules/vue-material-design-icons/CheckboxMarkedCircle.vue","../../node_modules/vue-material-design-icons/AlertDecagram.vue","../../node_modules/vue-material-design-icons/Alert.vue","../../node_modules/vue-material-design-icons/Information.vue","../../src/components/NcNoteCard/NcNoteCard.vue"],"sourcesContent":["<template>\n <span v-bind=\"$attrs\"\n :aria-hidden=\"title ? null : true\"\n :aria-label=\"title\"\n class=\"material-design-icon checkbox-marked-circle-icon\"\n role=\"img\"\n @click=\"$emit('click', $event)\">\n <svg :fill=\"fillColor\"\n class=\"material-design-icon__svg\"\n :width=\"size\"\n :height=\"size\"\n viewBox=\"0 0 24 24\">\n <path d=\"M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\">\n <title v-if=\"title\">{{ title }}</title>\n </path>\n </svg>\n </span>\n</template>\n\n<script>\nexport default {\n name: \"CheckboxMarkedCircleIcon\",\n emits: ['click'],\n props: {\n title: {\n type: String,\n },\n fillColor: {\n type: String,\n default: \"currentColor\"\n },\n size: {\n type: Number,\n default: 24\n }\n }\n}\n</script>","<template>\n <span v-bind=\"$attrs\"\n :aria-hidden=\"title ? null : true\"\n :aria-label=\"title\"\n class=\"material-design-icon alert-decagram-icon\"\n role=\"img\"\n @click=\"$emit('click', $event)\">\n <svg :fill=\"fillColor\"\n class=\"material-design-icon__svg\"\n :width=\"size\"\n :height=\"size\"\n viewBox=\"0 0 24 24\">\n <path d=\"M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M13,17H11V15H13V17M13,13H11V7H13V13Z\">\n <title v-if=\"title\">{{ title }}</title>\n </path>\n </svg>\n </span>\n</template>\n\n<script>\nexport default {\n name: \"AlertDecagramIcon\",\n emits: ['click'],\n props: {\n title: {\n type: String,\n },\n fillColor: {\n type: String,\n default: \"currentColor\"\n },\n size: {\n type: Number,\n default: 24\n }\n }\n}\n</script>","<template>\n <span v-bind=\"$attrs\"\n :aria-hidden=\"title ? null : true\"\n :aria-label=\"title\"\n class=\"material-design-icon alert-icon\"\n role=\"img\"\n @click=\"$emit('click', $event)\">\n <svg :fill=\"fillColor\"\n class=\"material-design-icon__svg\"\n :width=\"size\"\n :height=\"size\"\n viewBox=\"0 0 24 24\">\n <path d=\"M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z\">\n <title v-if=\"title\">{{ title }}</title>\n </path>\n </svg>\n </span>\n</template>\n\n<script>\nexport default {\n name: \"AlertIcon\",\n emits: ['click'],\n props: {\n title: {\n type: String,\n },\n fillColor: {\n type: String,\n default: \"currentColor\"\n },\n size: {\n type: Number,\n default: 24\n }\n }\n}\n</script>","<template>\n <span v-bind=\"$attrs\"\n :aria-hidden=\"title ? null : true\"\n :aria-label=\"title\"\n class=\"material-design-icon information-icon\"\n role=\"img\"\n @click=\"$emit('click', $event)\">\n <svg :fill=\"fillColor\"\n class=\"material-design-icon__svg\"\n :width=\"size\"\n :height=\"size\"\n viewBox=\"0 0 24 24\">\n <path d=\"M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\">\n <title v-if=\"title\">{{ title }}</title>\n </path>\n </svg>\n </span>\n</template>\n\n<script>\nexport default {\n name: \"InformationIcon\",\n emits: ['click'],\n props: {\n title: {\n type: String,\n },\n fillColor: {\n type: String,\n default: \"currentColor\"\n },\n size: {\n type: Number,\n default: 24\n }\n }\n}\n</script>","\n\n<docs>\nThis component is made to display additional information to the user. It is\navailable in four versions:\n\n- success: Display a successful message\n- info: Display an informational message\n- warning: Display a warning to the user. This indicate that the action they want\n- error: Display an error message. For example\n\nWhen using an error type,\n\n```vue\n<template>\n\t<div>\n\t\t<NcNoteCard type=\"warning\">\n\t\t\t<p>This is dangerous</p>\n\t\t</NcNoteCard>\n\n\t\t<NcNoteCard type=\"error\" heading=\"Error\">\n\t\t\t<p>The server is not happy and reported the following error</p>\n\t\t</NcNoteCard>\n\n\t\t<NcNoteCard type=\"success\">\n\t\t\t<p>You won</p>\n\t\t</NcNoteCard>\n\n\t\t<NcNoteCard type=\"info\">\n\t\t\t<p>For your information</p>\n\t\t</NcNoteCard>\n\n\t\t<NcNoteCard type=\"warning\">\n\t\t\t<template #icon>\n\t\t\t\t<Cog :size=\"20\"/>\n\t\t\t</template>\n\t\t\t<p>Custom icon usage</p>\n\t\t</NcNoteCard>\n\t</div>\n</template>\n\n<script>\n\timport Cog from 'vue-material-design-icons/Cog.vue'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tCog,\n\t\t},\n\t}\n</script>\n```\n</docs>\n\n<template>\n\t<div class=\"notecard\"\n\t\t:class=\"`notecard--${type}`\"\n\t\t:role=\"shouldShowAlert ? 'alert' : 'note'\">\n\t\t\n\t\t<slot name=\"icon\">\n\t\t\t<component :is=\"icon\"\n\t\t\t\tclass=\"notecard__icon\"\n\t\t\t\t:class=\"{'notecard__icon--heading': heading}\"\n\t\t\t\t:fill-color=\"color\" />\n\t\t</slot>\n\t\t<div>\n\t\t\t<h2 v-if=\"heading\">\n\t\t\t\t{{ heading }}\n\t\t\t</h2>\n\t\t\t<slot />\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport CheckboxMarkedCircle from 'vue-material-design-icons/CheckboxMarkedCircle.vue'\nimport AlertDecagram from 'vue-material-design-icons/AlertDecagram.vue'\nimport Alert from 'vue-material-design-icons/Alert.vue'\nimport Information from 'vue-material-design-icons/Information.vue'\n\nexport default {\n\tname: 'NcNoteCard',\n\n\tprops: {\n\t\t/**\n\t\t * Type of the attribute\n\t\t */\n\t\ttype: {\n\t\t\ttype: String,\n\t\t\tdefault: 'warning',\n\t\t\tvalidator: type => ['success', 'info', 'warning', 'error'].includes(type),\n\t\t},\n\t\tshowAlert: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\theading: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t},\n\tcomputed: {\n\t\tshouldShowAlert() {\n\t\t\treturn this.showAlert || this.type === 'error'\n\t\t},\n\t\ticon() {\n\t\t\tswitch (this.type) {\n\t\t\tcase 'error':\n\t\t\t\treturn AlertDecagram\n\t\t\tcase 'success':\n\t\t\t\treturn CheckboxMarkedCircle\n\t\t\tcase 'info':\n\t\t\t\treturn Information\n\t\t\tcase 'warning':\n\t\t\t\treturn Alert\n\t\t\tdefault:\n\t\t\t\treturn Alert\n\t\t\t}\n\t\t},\n\t\tcolor() {\n\t\t\tswitch (this.type) {\n\t\t\tcase 'error':\n\t\t\t\treturn 'var(--color-error)'\n\t\t\tcase 'success':\n\t\t\t\treturn 'var(--color-success)'\n\t\t\tcase 'info':\n\t\t\t\treturn 'var(--color-info)'\n\t\t\tcase 'warning':\n\t\t\t\treturn 'var(--color-warning)'\n\t\t\tdefault:\n\t\t\t\treturn 'var(--color-warning)'\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.notecard {\n\tcolor: var(--color-main-text) !important;\n\tbackground-color: var(--note-background) !important;\n\tborder-inline-start: 4px solid var(--note-theme);\n\tborder-radius: var(--border-radius);\n\tmargin: 1rem 0;\n\tmargin-top: 1rem;\n\tpadding: 1rem;\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 1rem;\n\n\t&__icon--heading {\n\t\tmargin-bottom: auto;\n\t\tmargin-top: 0.3rem;\n\t}\n\n\t&--success {\n\t\t--note-background: rgba(var(--color-success-rgb), 0.1);\n\t\t--note-theme: var(--color-success);\n\t}\n\n\t&--info {\n\t\t--note-background: rgba(var(--color-info-rgb), 0.1);\n\t\t--note-theme: var(--color-info);\n\t}\n\n\t&--error {\n\t\t--note-background: rgba(var(--color-error-rgb), 0.1);\n\t\t--note-theme: var(--color-error);\n\t}\n\n\t&--warning {\n\t\t--note-background: rgba(var(--color-warning-rgb), 0.1);\n\t\t--note-theme: var(--color-warning);\n\t}\n}\n</style>\n"],"names":["_sfc_main$4","_hoisted_1$4","_hoisted_2$4","_hoisted_3$3","$props","createElementVNode","createCommentVNode","_sfc_main$3","_hoisted_1$3","_hoisted_2$3","_hoisted_3$2","_sfc_main$2","_hoisted_1$2","_hoisted_2$2","_hoisted_3$1","_sfc_main$1","_hoisted_1$1","_hoisted_2$1","_hoisted_3","_sfc_main","type","AlertDecagram","Information","_hoisted_1","normalizeClass","$options","renderSlot","_ctx"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}

package/dist/chunks/{NcNoteCard-IAgTi5HW.cjs → NcNoteCard-ujnbiyLI.cjs} RENAMED Viewed

@@ -1,4 +1,4 @@
-var F = require("../assets/NcNoteCard-OTfZqVvP.css");
+var F = require("../assets/NcNoteCard-f0NZpwjL.css");
 const e = require("vue"), n = require("./_plugin-vue_export-helper-xG2iG1wl.cjs"), d = {
   name: "CheckboxMarkedCircleIcon",
   emits: ["click"],
@@ -15,10 +15,10 @@ const e = require("vue"), n = require("./_plugin-vue_export-helper-xG2iG1wl.cjs"
       default: 24
     }
   }
-}, m = ["aria-hidden", "aria-label"], _ = ["fill", "width", "height"], h = { d: "M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" }, u = { key: 0 };
+}, m = ["aria-hidden", "aria-label"], u = ["fill", "width", "height"], _ = { d: "M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" }, h = { key: 0 };
 function g(i, l, t, c, a, o) {
   return e.openBlock(), e.createElementBlock("span", e.mergeProps(i.$attrs, {
-    "aria-hidden": !t.title,
+    "aria-hidden": t.title ? null : !0,
     "aria-label": t.title,
     class: "material-design-icon checkbox-marked-circle-icon",
     role: "img",
@@ -31,10 +31,10 @@ function g(i, l, t, c, a, o) {
       height: t.size,
       viewBox: "0 0 24 24"
     }, [
-      e.createElementVNode("path", h, [
-        t.title ? (e.openBlock(), e.createElementBlock("title", u, e.toDisplayString(t.title), 1)) : e.createCommentVNode("", !0)
+      e.createElementVNode("path", _, [
+        t.title ? (e.openBlock(), e.createElementBlock("title", h, e.toDisplayString(t.title), 1)) : e.createCommentVNode("", !0)
       ])
-    ], 8, _))
+    ], 8, u))
   ], 16, m);
 }
 const f = /* @__PURE__ */ n._export_sfc(d, [["render", g]]), k = {
@@ -56,7 +56,7 @@ const f = /* @__PURE__ */ n._export_sfc(d, [["render", g]]), k = {
 }, B = ["aria-hidden", "aria-label"], y = ["fill", "width", "height"], C = { d: "M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M13,17H11V15H13V17M13,13H11V7H13V13Z" }, p = { key: 0 };
 function L(i, l, t, c, a, o) {
   return e.openBlock(), e.createElementBlock("span", e.mergeProps(i.$attrs, {
-    "aria-hidden": !t.title,
+    "aria-hidden": t.title ? null : !0,
     "aria-label": t.title,
     class: "material-design-icon alert-decagram-icon",
     role: "img",
@@ -91,10 +91,10 @@ const w = /* @__PURE__ */ n._export_sfc(k, [["render", L]]), v = {
       default: 24
     }
   }
-}, N = ["aria-hidden", "aria-label"], E = ["fill", "width", "height"], V = { d: "M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z" }, S = { key: 0 };
+}, N = ["aria-hidden", "aria-label"], E = ["fill", "width", "height"], S = { d: "M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z" }, V = { key: 0 };
 function $(i, l, t, c, a, o) {
   return e.openBlock(), e.createElementBlock("span", e.mergeProps(i.$attrs, {
-    "aria-hidden": !t.title,
+    "aria-hidden": t.title ? null : !0,
     "aria-label": t.title,
     class: "material-design-icon alert-icon",
     role: "img",
@@ -107,8 +107,8 @@ function $(i, l, t, c, a, o) {
       height: t.size,
       viewBox: "0 0 24 24"
     }, [
-      e.createElementVNode("path", V, [
-        t.title ? (e.openBlock(), e.createElementBlock("title", S, e.toDisplayString(t.title), 1)) : e.createCommentVNode("", !0)
+      e.createElementVNode("path", S, [
+        t.title ? (e.openBlock(), e.createElementBlock("title", V, e.toDisplayString(t.title), 1)) : e.createCommentVNode("", !0)
       ])
     ], 8, E))
   ], 16, N);
@@ -132,7 +132,7 @@ const s = /* @__PURE__ */ n._export_sfc(v, [["render", $]]), A = {
 }, b = ["aria-hidden", "aria-label"], z = ["fill", "width", "height"], H = { d: "M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" }, M = { key: 0 };
 function x(i, l, t, c, a, o) {
   return e.openBlock(), e.createElementBlock("span", e.mergeProps(i.$attrs, {
-    "aria-hidden": !t.title,
+    "aria-hidden": t.title ? null : !0,
     "aria-label": t.title,
     class: "material-design-icon information-icon",
     role: "img",
@@ -207,18 +207,20 @@ const D = /* @__PURE__ */ n._export_sfc(A, [["render", x]]), I = {
 }, P = ["role"], Z = { key: 0 };
 function q(i, l, t, c, a, o) {
   return e.openBlock(), e.createElementBlock("div", {
-    class: e.normalizeClass(["notecard", `notecard--${t.type}`]),
+    class: e.normalizeClass(["notecard", "notecard--".concat(t.type)]),
     role: o.shouldShowAlert ? "alert" : "note"
   }, [
-    (e.openBlock(), e.createBlock(e.resolveDynamicComponent(o.icon), {
-      class: e.normalizeClass(["notecard__icon", { "notecard__icon--heading": t.heading }]),
-      "fill-color": o.color
-    }, null, 8, ["class", "fill-color"])),
+    e.renderSlot(i.$slots, "icon", {}, () => [
+      (e.openBlock(), e.createBlock(e.resolveDynamicComponent(o.icon), {
+        class: e.normalizeClass(["notecard__icon", { "notecard__icon--heading": t.heading }]),
+        "fill-color": o.color
+      }, null, 8, ["class", "fill-color"]))
+    ], !0),
     e.createElementVNode("div", null, [
       t.heading ? (e.openBlock(), e.createElementBlock("h2", Z, e.toDisplayString(t.heading), 1)) : e.createCommentVNode("", !0),
       e.renderSlot(i.$slots, "default", {}, void 0, !0)
     ])
   ], 10, P);
 }
-const j = /* @__PURE__ */ n._export_sfc(I, [["render", q], ["__scopeId", "data-v-3a409988"]]);
+const j = /* @__PURE__ */ n._export_sfc(I, [["render", q], ["__scopeId", "data-v-722d543a"]]);
 exports.NcNoteCard = j;

package/dist/chunks/NcNoteCard-ujnbiyLI.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"NcNoteCard-ujnbiyLI.cjs","sources":["../../node_modules/vue-material-design-icons/CheckboxMarkedCircle.vue","../../node_modules/vue-material-design-icons/AlertDecagram.vue","../../node_modules/vue-material-design-icons/Alert.vue","../../node_modules/vue-material-design-icons/Information.vue","../../src/components/NcNoteCard/NcNoteCard.vue"],"sourcesContent":["<template>\n <span v-bind=\"$attrs\"\n :aria-hidden=\"title ? null : true\"\n :aria-label=\"title\"\n class=\"material-design-icon checkbox-marked-circle-icon\"\n role=\"img\"\n @click=\"$emit('click', $event)\">\n <svg :fill=\"fillColor\"\n class=\"material-design-icon__svg\"\n :width=\"size\"\n :height=\"size\"\n viewBox=\"0 0 24 24\">\n <path d=\"M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\">\n <title v-if=\"title\">{{ title }}</title>\n </path>\n </svg>\n </span>\n</template>\n\n<script>\nexport default {\n name: \"CheckboxMarkedCircleIcon\",\n emits: ['click'],\n props: {\n title: {\n type: String,\n },\n fillColor: {\n type: String,\n default: \"currentColor\"\n },\n size: {\n type: Number,\n default: 24\n }\n }\n}\n</script>","<template>\n <span v-bind=\"$attrs\"\n :aria-hidden=\"title ? null : true\"\n :aria-label=\"title\"\n class=\"material-design-icon alert-decagram-icon\"\n role=\"img\"\n @click=\"$emit('click', $event)\">\n <svg :fill=\"fillColor\"\n class=\"material-design-icon__svg\"\n :width=\"size\"\n :height=\"size\"\n viewBox=\"0 0 24 24\">\n <path d=\"M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M13,17H11V15H13V17M13,13H11V7H13V13Z\">\n <title v-if=\"title\">{{ title }}</title>\n </path>\n </svg>\n </span>\n</template>\n\n<script>\nexport default {\n name: \"AlertDecagramIcon\",\n emits: ['click'],\n props: {\n title: {\n type: String,\n },\n fillColor: {\n type: String,\n default: \"currentColor\"\n },\n size: {\n type: Number,\n default: 24\n }\n }\n}\n</script>","<template>\n <span v-bind=\"$attrs\"\n :aria-hidden=\"title ? null : true\"\n :aria-label=\"title\"\n class=\"material-design-icon alert-icon\"\n role=\"img\"\n @click=\"$emit('click', $event)\">\n <svg :fill=\"fillColor\"\n class=\"material-design-icon__svg\"\n :width=\"size\"\n :height=\"size\"\n viewBox=\"0 0 24 24\">\n <path d=\"M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z\">\n <title v-if=\"title\">{{ title }}</title>\n </path>\n </svg>\n </span>\n</template>\n\n<script>\nexport default {\n name: \"AlertIcon\",\n emits: ['click'],\n props: {\n title: {\n type: String,\n },\n fillColor: {\n type: String,\n default: \"currentColor\"\n },\n size: {\n type: Number,\n default: 24\n }\n }\n}\n</script>","<template>\n <span v-bind=\"$attrs\"\n :aria-hidden=\"title ? null : true\"\n :aria-label=\"title\"\n class=\"material-design-icon information-icon\"\n role=\"img\"\n @click=\"$emit('click', $event)\">\n <svg :fill=\"fillColor\"\n class=\"material-design-icon__svg\"\n :width=\"size\"\n :height=\"size\"\n viewBox=\"0 0 24 24\">\n <path d=\"M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\">\n <title v-if=\"title\">{{ title }}</title>\n </path>\n </svg>\n </span>\n</template>\n\n<script>\nexport default {\n name: \"InformationIcon\",\n emits: ['click'],\n props: {\n title: {\n type: String,\n },\n fillColor: {\n type: String,\n default: \"currentColor\"\n },\n size: {\n type: Number,\n default: 24\n }\n }\n}\n</script>","\n\n<docs>\nThis component is made to display additional information to the user. It is\navailable in four versions:\n\n- success: Display a successful message\n- info: Display an informational message\n- warning: Display a warning to the user. This indicate that the action they want\n- error: Display an error message. For example\n\nWhen using an error type,\n\n```vue\n<template>\n\t<div>\n\t\t<NcNoteCard type=\"warning\">\n\t\t\t<p>This is dangerous</p>\n\t\t</NcNoteCard>\n\n\t\t<NcNoteCard type=\"error\" heading=\"Error\">\n\t\t\t<p>The server is not happy and reported the following error</p>\n\t\t</NcNoteCard>\n\n\t\t<NcNoteCard type=\"success\">\n\t\t\t<p>You won</p>\n\t\t</NcNoteCard>\n\n\t\t<NcNoteCard type=\"info\">\n\t\t\t<p>For your information</p>\n\t\t</NcNoteCard>\n\n\t\t<NcNoteCard type=\"warning\">\n\t\t\t<template #icon>\n\t\t\t\t<Cog :size=\"20\"/>\n\t\t\t</template>\n\t\t\t<p>Custom icon usage</p>\n\t\t</NcNoteCard>\n\t</div>\n</template>\n\n<script>\n\timport Cog from 'vue-material-design-icons/Cog.vue'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tCog,\n\t\t},\n\t}\n</script>\n```\n</docs>\n\n<template>\n\t<div class=\"notecard\"\n\t\t:class=\"`notecard--${type}`\"\n\t\t:role=\"shouldShowAlert ? 'alert' : 'note'\">\n\t\t\n\t\t<slot name=\"icon\">\n\t\t\t<component :is=\"icon\"\n\t\t\t\tclass=\"notecard__icon\"\n\t\t\t\t:class=\"{'notecard__icon--heading': heading}\"\n\t\t\t\t:fill-color=\"color\" />\n\t\t</slot>\n\t\t<div>\n\t\t\t<h2 v-if=\"heading\">\n\t\t\t\t{{ heading }}\n\t\t\t</h2>\n\t\t\t<slot />\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport CheckboxMarkedCircle from 'vue-material-design-icons/CheckboxMarkedCircle.vue'\nimport AlertDecagram from 'vue-material-design-icons/AlertDecagram.vue'\nimport Alert from 'vue-material-design-icons/Alert.vue'\nimport Information from 'vue-material-design-icons/Information.vue'\n\nexport default {\n\tname: 'NcNoteCard',\n\n\tprops: {\n\t\t/**\n\t\t * Type of the attribute\n\t\t */\n\t\ttype: {\n\t\t\ttype: String,\n\t\t\tdefault: 'warning',\n\t\t\tvalidator: type => ['success', 'info', 'warning', 'error'].includes(type),\n\t\t},\n\t\tshowAlert: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\theading: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t},\n\tcomputed: {\n\t\tshouldShowAlert() {\n\t\t\treturn this.showAlert || this.type === 'error'\n\t\t},\n\t\ticon() {\n\t\t\tswitch (this.type) {\n\t\t\tcase 'error':\n\t\t\t\treturn AlertDecagram\n\t\t\tcase 'success':\n\t\t\t\treturn CheckboxMarkedCircle\n\t\t\tcase 'info':\n\t\t\t\treturn Information\n\t\t\tcase 'warning':\n\t\t\t\treturn Alert\n\t\t\tdefault:\n\t\t\t\treturn Alert\n\t\t\t}\n\t\t},\n\t\tcolor() {\n\t\t\tswitch (this.type) {\n\t\t\tcase 'error':\n\t\t\t\treturn 'var(--color-error)'\n\t\t\tcase 'success':\n\t\t\t\treturn 'var(--color-success)'\n\t\t\tcase 'info':\n\t\t\t\treturn 'var(--color-info)'\n\t\t\tcase 'warning':\n\t\t\t\treturn 'var(--color-warning)'\n\t\t\tdefault:\n\t\t\t\treturn 'var(--color-warning)'\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.notecard {\n\tcolor: var(--color-main-text) !important;\n\tbackground-color: var(--note-background) !important;\n\tborder-inline-start: 4px solid var(--note-theme);\n\tborder-radius: var(--border-radius);\n\tmargin: 1rem 0;\n\tmargin-top: 1rem;\n\tpadding: 1rem;\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 1rem;\n\n\t&__icon--heading {\n\t\tmargin-bottom: auto;\n\t\tmargin-top: 0.3rem;\n\t}\n\n\t&--success {\n\t\t--note-background: rgba(var(--color-success-rgb), 0.1);\n\t\t--note-theme: var(--color-success);\n\t}\n\n\t&--info {\n\t\t--note-background: rgba(var(--color-info-rgb), 0.1);\n\t\t--note-theme: var(--color-info);\n\t}\n\n\t&--error {\n\t\t--note-background: rgba(var(--color-error-rgb), 0.1);\n\t\t--note-theme: var(--color-error);\n\t}\n\n\t&--warning {\n\t\t--note-background: rgba(var(--color-warning-rgb), 0.1);\n\t\t--note-theme: var(--color-warning);\n\t}\n}\n</style>\n"],"names":["_sfc_main$4","_hoisted_1$4","_hoisted_2$4","_hoisted_3$3","$props","vue","_sfc_main$3","_hoisted_1$3","_hoisted_2$3","_hoisted_3$2","_sfc_main$2","_hoisted_1$2","_hoisted_2$2","_hoisted_3$1","_sfc_main$1","_hoisted_1$1","_hoisted_2$1","_hoisted_3","_sfc_main","type","AlertDecagram","Information","_hoisted_1","$options","_ctx"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}

package/dist/chunks/{NcPasswordField-QA6kIMu2.cjs → NcPasswordField-8rboJv29.cjs} RENAMED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-const e = require("vue"), c = require("./_plugin-vue_export-helper-xG2iG1wl.cjs"), a = require("./NcInputField-dP-QARJo.cjs"), f = require("debounce"), g = require("@nextcloud/axios"), _ = require("@nextcloud/initial-state"), w = require("@nextcloud/router"), o = require("./_l10n-wK0o0jNS.cjs"), y = require("./logger-G6OKp5ly.cjs"), p = (t) => t && t.__esModule ? t : { default: t }, k = /* @__PURE__ */ p(f), C = /* @__PURE__ */ p(g), B = {
+const e = require("vue"), d = require("./_plugin-vue_export-helper-xG2iG1wl.cjs"), c = require("./NcInputField-6vveMrmf.cjs"), f = require("debounce"), g = require("@nextcloud/axios"), _ = require("@nextcloud/initial-state"), w = require("@nextcloud/router"), l = require("./_l10n-Fl7RzbcZ.cjs"), k = require("./logger-G6OKp5ly.cjs"), p = (t) => t && t.__esModule ? t : { default: t }, y = /* @__PURE__ */ p(f), C = /* @__PURE__ */ p(g), B = {
   name: "EyeIcon",
   emits: ["click"],
   props: {
@@ -16,9 +16,9 @@ const e = require("vue"), c = require("./_plugin-vue_export-helper-xG2iG1wl.cjs"
     }
   }
 }, b = ["aria-hidden", "aria-label"], P = ["fill", "width", "height"], E = { d: "M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z" }, N = { key: 0 };
-function v(t, s, i, d, l, n) {
+function v(t, s, i, u, o, n) {
   return e.openBlock(), e.createElementBlock("span", e.mergeProps(t.$attrs, {
-    "aria-hidden": !i.title,
+    "aria-hidden": i.title ? null : !0,
     "aria-label": i.title,
     class: "material-design-icon eye-icon",
     role: "img",
@@ -37,7 +37,7 @@ function v(t, s, i, d, l, n) {
     ], 8, P))
   ], 16, b);
 }
-const F = /* @__PURE__ */ c._export_sfc(B, [["render", v]]), S = {
+const F = /* @__PURE__ */ d._export_sfc(B, [["render", v]]), S = {
   name: "EyeOffIcon",
   emits: ["click"],
   props: {
@@ -54,9 +54,9 @@ const F = /* @__PURE__ */ c._export_sfc(B, [["render", v]]), S = {
     }
   }
 }, V = ["aria-hidden", "aria-label"], x = ["fill", "width", "height"], L = { d: "M11.83,9L15,12.16C15,12.11 15,12.05 15,12A3,3 0 0,0 12,9C11.94,9 11.89,9 11.83,9M7.53,9.8L9.08,11.35C9.03,11.56 9,11.77 9,12A3,3 0 0,0 12,15C12.22,15 12.44,14.97 12.65,14.92L14.2,16.47C13.53,16.8 12.79,17 12,17A5,5 0 0,1 7,12C7,11.21 7.2,10.47 7.53,9.8M2,4.27L4.28,6.55L4.73,7C3.08,8.3 1.78,10 1,12C2.73,16.39 7,19.5 12,19.5C13.55,19.5 15.03,19.2 16.38,18.66L16.81,19.08L19.73,22L21,20.73L3.27,3M12,7A5,5 0 0,1 17,12C17,12.64 16.87,13.26 16.64,13.82L19.57,16.75C21.07,15.5 22.27,13.86 23,12C21.27,7.61 17,4.5 12,4.5C10.6,4.5 9.26,4.75 8,5.2L10.17,7.35C10.74,7.13 11.35,7 12,7Z" }, H = { key: 0 };
-function A(t, s, i, d, l, n) {
+function A(t, s, i, u, o, n) {
   return e.openBlock(), e.createElementBlock("span", e.mergeProps(t.$attrs, {
-    "aria-hidden": !i.title,
+    "aria-hidden": i.title ? null : !0,
     "aria-label": i.title,
     class: "material-design-icon eye-off-icon",
     role: "img",
@@ -75,12 +75,12 @@ function A(t, s, i, d, l, n) {
     ], 8, x))
   ], 16, V);
 }
-const I = /* @__PURE__ */ c._export_sfc(S, [["render", A]]);
-o.register(o.t24);
-const u = _.loadState("core", "capabilities", {}).password_policy || null, M = new Set(Object.keys(a.NcInputField.props)), q = {
+const I = /* @__PURE__ */ d._export_sfc(S, [["render", A]]);
+l.register(l.t24);
+const a = _.loadState("core", "capabilities", {}).password_policy || null, M = new Set(Object.keys(c.NcInputField.props)), q = {
   name: "NcPasswordField",
   components: {
-    NcInputField: a.NcInputField,
+    NcInputField: c.NcInputField,
     Eye: F,
     EyeOff: I
   },
@@ -92,7 +92,7 @@ const u = _.loadState("core", "capabilities", {}).password_policy || null, M = n
     // eslint-disable-next-line
     " ": {},
     // Reuse all the props from NcInputField for better typing and documentation
-    ...a.NcInputField.props,
+    ...c.NcInputField.props,
     // Redefined props
     /**
      * Controls whether to display the trailing button.
@@ -157,11 +157,11 @@ const u = _.loadState("core", "capabilities", {}).password_policy || null, M = n
     rules() {
       const { minlength: t } = this;
       return {
-        minlength: t ?? u?.minLength
+        minlength: t != null ? t : a == null ? void 0 : a.minLength
       };
     },
     trailingButtonLabelPassword() {
-      return this.isPasswordHidden ? o.t("Show password") : o.t("Hide password");
+      return this.isPasswordHidden ? l.t("Show password") : l.t("Hide password");
     },
     propsToForward() {
       return {
@@ -175,7 +175,7 @@ const u = _.loadState("core", "capabilities", {}).password_policy || null, M = n
   watch: {
     modelValue(t) {
       if (this.checkPasswordStrength) {
-        if (u === null)
+        if (a === null)
           return;
         this.checkPassword(t);
       }
@@ -204,25 +204,25 @@ const u = _.loadState("core", "capabilities", {}).password_policy || null, M = n
     togglePasswordVisibility() {
       this.isPasswordHidden = !this.isPasswordHidden;
     },
-    checkPassword: k.default(async function(t) {
+    checkPassword: y.default(async function(t) {
       try {
         const { data: s } = await C.default.post(w.generateOcsUrl("apps/password_policy/api/v1/validate"), { password: t });
         if (this.isValid = s.ocs.data.passed, s.ocs.data.passed) {
-          this.internalHelpMessage = o.t("Password is secure"), this.$emit("valid");
+          this.internalHelpMessage = l.t("Password is secure"), this.$emit("valid");
           return;
         }
         this.internalHelpMessage = s.ocs.data.reason, this.$emit("invalid");
       } catch (s) {
-        y.logger.error("Password policy returned an error", s);
+        k.logger.error("Password policy returned an error", s);
       }
     }, 500)
   }
 };
-function T(t, s, i, d, l, n) {
+function T(t, s, i, u, o, n) {
   const r = e.resolveComponent("Eye"), h = e.resolveComponent("EyeOff"), m = e.resolveComponent("NcInputField");
   return e.openBlock(), e.createBlock(m, e.mergeProps(n.propsToForward, {
     ref: "inputField",
-    type: l.isPasswordHidden ? "password" : "text",
+    type: o.isPasswordHidden ? "password" : "text",
     "trailing-button-label": n.trailingButtonLabelPassword,
     "helper-text": n.computedHelperText,
     error: n.computedError,
@@ -232,7 +232,7 @@ function T(t, s, i, d, l, n) {
     "onUpdate:modelValue": n.handleInput
   }), e.createSlots({
     "trailing-button-icon": e.withCtx(() => [
-      l.isPasswordHidden ? (e.openBlock(), e.createBlock(r, {
+      o.isPasswordHidden ? (e.openBlock(), e.createBlock(r, {
         key: 0,
         size: 18
       })) : (e.openBlock(), e.createBlock(h, {
@@ -251,5 +251,5 @@ function T(t, s, i, d, l, n) {
     } : void 0
   ]), 1040, ["type", "trailing-button-label", "helper-text", "error", "success", "minlength", "onTrailingButtonClick", "onUpdate:modelValue"]);
 }
-const z = /* @__PURE__ */ c._export_sfc(q, [["render", T]]);
+const z = /* @__PURE__ */ d._export_sfc(q, [["render", T]]);
 exports.NcPasswordField = z;

package/dist/chunks/NcPasswordField-8rboJv29.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"NcPasswordField-8rboJv29.cjs","sources":["../../node_modules/vue-material-design-icons/Eye.vue","../../node_modules/vue-material-design-icons/EyeOff.vue","../../src/components/NcPasswordField/NcPasswordField.vue"],"sourcesContent":["<template>\n <span v-bind=\"$attrs\"\n :aria-hidden=\"title ? null : true\"\n :aria-label=\"title\"\n class=\"material-design-icon eye-icon\"\n role=\"img\"\n @click=\"$emit('click', $event)\">\n <svg :fill=\"fillColor\"\n class=\"material-design-icon__svg\"\n :width=\"size\"\n :height=\"size\"\n viewBox=\"0 0 24 24\">\n <path d=\"M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z\">\n <title v-if=\"title\">{{ title }}</title>\n </path>\n </svg>\n </span>\n</template>\n\n<script>\nexport default {\n name: \"EyeIcon\",\n emits: ['click'],\n props: {\n title: {\n type: String,\n },\n fillColor: {\n type: String,\n default: \"currentColor\"\n },\n size: {\n type: Number,\n default: 24\n }\n }\n}\n</script>","<template>\n <span v-bind=\"$attrs\"\n :aria-hidden=\"title ? null : true\"\n :aria-label=\"title\"\n class=\"material-design-icon eye-off-icon\"\n role=\"img\"\n @click=\"$emit('click', $event)\">\n <svg :fill=\"fillColor\"\n class=\"material-design-icon__svg\"\n :width=\"size\"\n :height=\"size\"\n viewBox=\"0 0 24 24\">\n <path d=\"M11.83,9L15,12.16C15,12.11 15,12.05 15,12A3,3 0 0,0 12,9C11.94,9 11.89,9 11.83,9M7.53,9.8L9.08,11.35C9.03,11.56 9,11.77 9,12A3,3 0 0,0 12,15C12.22,15 12.44,14.97 12.65,14.92L14.2,16.47C13.53,16.8 12.79,17 12,17A5,5 0 0,1 7,12C7,11.21 7.2,10.47 7.53,9.8M2,4.27L4.28,6.55L4.73,7C3.08,8.3 1.78,10 1,12C2.73,16.39 7,19.5 12,19.5C13.55,19.5 15.03,19.2 16.38,18.66L16.81,19.08L19.73,22L21,20.73L3.27,3M12,7A5,5 0 0,1 17,12C17,12.64 16.87,13.26 16.64,13.82L19.57,16.75C21.07,15.5 22.27,13.86 23,12C21.27,7.61 17,4.5 12,4.5C10.6,4.5 9.26,4.75 8,5.2L10.17,7.35C10.74,7.13 11.35,7 12,7Z\">\n <title v-if=\"title\">{{ title }}</title>\n </path>\n </svg>\n </span>\n</template>\n\n<script>\nexport default {\n name: \"EyeOffIcon\",\n emits: ['click'],\n props: {\n title: {\n type: String,\n },\n fillColor: {\n type: String,\n default: \"currentColor\"\n },\n size: {\n type: Number,\n default: 24\n }\n }\n}\n</script>","\n\n<docs>\n### Description\nSee [NcInputField](#/Components/NcFields?id=ncinputfield) for a list of all available props.\n\nGeneral purpose password field component.\n\n```\n<template>\n\t<div class=\"wrapper\">\n\t\t<NcPasswordField v-model=\"text1\"\n\t\t\tlabel=\"Old password\" />\n\t\t<div class=\"external-label\">\n\t\t\t<label for=\"textField\">New password</label>\n\t\t\t<NcPasswordField v-model=\"text2\"\n\t\t\t\tid=\"textField\"\n\t\t\t\t:label-outside=\"true\"\n\t\t\t\tplaceholder=\"Min. 12 characters\" />\n\t\t</div>\n\t\t<div class=\"external-label\">\n\t\t\t<label for=\"textField2\">New password</label>\n\t\t\t<NcPasswordField v-model=\"text3\"\n\t\t\t\tid=\"textField2\"\n\t\t\t\t:error=\"true\"\n\t\t\t\t:label-outside=\"true\"\n\t\t\t\tplaceholder=\"Min. 12 characters\"\n\t\t\t\thelper-text=\"Password is insecure\" />\n\t\t</div>\n\n\t\t<NcPasswordField v-model=\"text4\"\n\t\t\tlabel=\"Good new password\"\n\t\t\t:success=\"true\"\n\t\t\tplaceholder=\"Min. 12 characters\"\n\t\t\thelper-text=\"Password is secure\">\n\t\t\t<template #icon>\n\t\t\t\t<Lock :size=\"20\" />\n\t\t\t</template>\n\t\t</NcPasswordField>\n\n\t\t<NcPasswordField v-model=\"text5\"\n\t\t\t:disabled=\"true\"\n\t\t\tlabel=\"Disabled\" />\n\t</div>\n</template>\n<script>\nimport Lock from 'vue-material-design-icons/Lock'\n\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\ttext1: '',\n\t\t\ttext2: '',\n\t\t\ttext3: 'hunter',\n\t\t\ttext4: '',\n\t\t\ttext5: '',\n\t\t}\n\t},\n\n\tcomponents: {\n\t\tLock,\n\t},\n}\n</script>\n<style lang=\"scss\" scoped>\n.wrapper {\n\tdisplay: flex;\n\tgap: 4px;\n\talign-items: flex-end;\n\tflex-wrap: wrap;\n}\n\n.external-label {\n\tdisplay: flex;\n\twidth: 100%;\n\tmargin-top: 1rem;\n}\n\n.external-label label {\n\tpadding-top: 7px;\n\tpadding-right: 14px;\n\twhite-space: nowrap;\n}\n</style>\n```\n</docs>\n\n<template>\n\t<NcInputField v-bind=\"propsToForward\"\n\t\tref=\"inputField\"\n\t\t:type=\"isPasswordHidden ? 'password' : 'text'\"\n\t\t:trailing-button-label=\"trailingButtonLabelPassword\"\n\t\t:helper-text=\"computedHelperText\"\n\t\t:error=\"computedError\"\n\t\t:success=\"computedSuccess\"\n\t\t:minlength=\"rules.minlength\"\n\t\t@trailing-button-click=\"togglePasswordVisibility\"\n\t\t@update:model-value=\"handleInput\">\n\t\t<template v-if=\"!!$slots.icon\" #icon>\n\t\t\t\n\t\t\t<slot name=\"icon\" />\n\t\t</template>\n\t\t<template #trailing-button-icon>\n\t\t\t<Eye v-if=\"isPasswordHidden\" :size=\"18\" />\n\t\t\t<EyeOff v-else :size=\"18\" />\n\t\t</template>\n\t</NcInputField>\n</template>\n\n<script>\n\nimport Eye from 'vue-material-design-icons/Eye.vue'\nimport EyeOff from 'vue-material-design-icons/EyeOff.vue'\nimport NcInputField from '../NcInputField/NcInputField.vue'\nimport debounce from 'debounce'\nimport axios from '@nextcloud/axios'\nimport { loadState } from '@nextcloud/initial-state'\nimport { generateOcsUrl } from '@nextcloud/router'\nimport { t } from '../../l10n.js'\nimport logger from '../../utils/logger.js'\n\n/**\n * @typedef PasswordPolicy\n * @property {object} api - The URLs to the password_policy app methods\n * @property {string} api.generate - The URL to the password generator\n * @property {string} api.validate - The URL to the password validator\n * @property {boolean} enforceNonCommonPassword - Whether to enforce non common passwords\n * @property {boolean} enforceNumericCharacters - Whether to enforce numeric characters\n * @property {boolean} enforceSpecialCharacters - Whether to enforce special characters\n * @property {boolean} enforceUpperLowerCase - Whether to enforce upper and lower case\n * @property {number} minLength - The minimum length of the password\n */\n\n/** @type {PasswordPolicy|null} */\nconst passwordPolicy = loadState('core', 'capabilities', {}).password_policy || null\n\nconst NcInputFieldProps = new Set(Object.keys(NcInputField.props))\n\nexport default {\n\tname: 'NcPasswordField',\n\n\tcomponents: {\n\t\tNcInputField,\n\t\tEye,\n\t\tEyeOff,\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * Any [NcInputField](#/Components/NcFields?id=ncinputfield) props\n\t\t */\n\t\t// Not an actual prop but needed to show in vue-styleguidist docs\n\t\t// eslint-disable-next-line\n\t\t' ': {},\n\n\t\t// Reuse all the props from NcInputField for better typing and documentation\n\t\t...NcInputField.props,\n\n\t\t// Redefined props\n\n\t\t/**\n\t\t * Controls whether to display the trailing button.\n\t\t */\n\t\t showTrailingButton: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\n\t\t// Removed NcInputField props, defined only by this component\n\n\t\ttrailingButtonLabel: undefined,\n\n\t\t// Custom props\n\n\t\t/**\n\t\t * Check if the user entered a valid password using the password_policy\n\t\t * app if available.\n\t\t *\n\t\t * Warning: this doesn't replace server side checking and will do nothing\n\t\t * if the password_policy app is disabled.\n\t\t */\n\t\tcheckPasswordStrength: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * The minlength property defines the minimum number of characters\n\t\t * (as UTF-16 code units) the user can enter\n\t\t */\n\t\tminlength: {\n\t\t\ttype: Number,\n\t\t\tdefault: 0,\n\t\t},\n\n\t\t/**\n\t\t * The maxlength property defines the maximum number of characters\n\t\t * (as UTF-16 code units) the user can enter\n\t\t */\n\t\tmaxlength: {\n\t\t\ttype: Number,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\n\temits: [\n\t\t'valid',\n\t\t'invalid',\n\t\t'update:modelValue',\n\t],\n\n\tdata() {\n\t\treturn {\n\t\t\tisPasswordHidden: true,\n\t\t\tinternalHelpMessage: '',\n\t\t\tisValid: null,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\tcomputedError() {\n\t\t\treturn this.error || this.isValid === false\n\t\t},\n\t\tcomputedSuccess() {\n\t\t\treturn this.success || this.isValid === true\n\t\t},\n\t\tcomputedHelperText() {\n\t\t\tif (this.helperText.length > 0) {\n\t\t\t\treturn this.helperText\n\t\t\t}\n\t\t\treturn this.internalHelpMessage\n\t\t},\n\n\t\trules() {\n\t\t\tconst { minlength } = this\n\t\t\treturn {\n\t\t\t\tminlength: minlength ?? passwordPolicy?.minLength,\n\t\t\t}\n\t\t},\n\n\t\ttrailingButtonLabelPassword() {\n\t\t\treturn this.isPasswordHidden ? t('Show password') : t('Hide password')\n\t\t},\n\n\t\tpropsToForward() {\n\t\t\treturn {\n\t\t\t\t// Proxy original NcInputField's props\n\t\t\t\t...Object.fromEntries(\n\t\t\t\t\tObject.entries(this.$props).filter(([key]) => NcInputFieldProps.has(key)),\n\t\t\t\t),\n\t\t\t}\n\t\t},\n\t},\n\n\twatch: {\n\t\tmodelValue(newValue) {\n\t\t\tif (this.checkPasswordStrength) {\n\t\t\t\tif (passwordPolicy === null) {\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t\tthis.checkPassword(newValue)\n\t\t\t}\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/**\n\t\t * Focus the input element\n\t\t *\n\t\t * @public\n\t\t */\n\t\tfocus() {\n\t\t\tthis.$refs.inputField.focus()\n\t\t},\n\n\t\t/**\n\t\t * Select all the text in the input\n\t\t *\n\t\t * @public\n\t\t */\n\t\tselect() {\n\t\t\tthis.$refs.inputField.select()\n\t\t},\n\n\t\thandleInput(event) {\n\t\t\t/**\n\t\t\t * Triggers when the value inside the password field is\n\t\t\t * updated.\n\t\t\t *\n\t\t\t * @property {string} The new value\n\t\t\t */\n\t\t\tthis.$emit('update:modelValue', event)\n\t\t},\n\t\ttogglePasswordVisibility() {\n\t\t\tthis.isPasswordHidden = !this.isPasswordHidden\n\t\t},\n\t\tcheckPassword: debounce(async function(password) {\n\t\t\ttry {\n\t\t\t\tconst { data } = await axios.post(generateOcsUrl('apps/password_policy/api/v1/validate'), { password })\n\t\t\t\tthis.isValid = data.ocs.data.passed\n\t\t\t\tif (data.ocs.data.passed) {\n\t\t\t\t\tthis.internalHelpMessage = t('Password is secure')\n\t\t\t\t\t/**\n\t\t\t\t\t * Triggers when the internal password_policy detect that the\n\t\t\t\t\t * password entered is valid.\n\t\t\t\t\t */\n\t\t\t\t\tthis.$emit('valid')\n\t\t\t\t\treturn\n\t\t\t\t}\n\n\t\t\t\tthis.internalHelpMessage = data.ocs.data.reason\n\t\t\t\t/**\n\t\t\t\t * Triggers when the internal password_policy detect that the\n\t\t\t\t * password entered is invalid.\n\t\t\t\t */\n\t\t\t\tthis.$emit('invalid')\n\t\t\t} catch (e) {\n\t\t\t\tlogger.error('Password policy returned an error', e)\n\t\t\t}\n\t\t}, 500),\n\t},\n}\n</script>\n"],"names":["_sfc_main","_hoisted_1","_hoisted_2","_hoisted_3","_createElementBlock","_mergeProps","_ctx","$props","_cache","$event","_createElementVNode","_hoisted_4","_createCommentVNode","passwordPolicy","loadState","NcInputFieldProps","NcInputField","Eye","EyeOff","minlength","t","key","newValue","event","debounce","password","data","axios","generateOcsUrl","e","logger","_createBlock","_component_NcInputField","$options","$data","_createSlots","_component_Eye","_component_EyeOff","_withCtx","_renderSlot"],"mappings":"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","x_google_ignoreList":[0,1]}