{"version":3,"sources":["webpack:///C:/a/1/s/Cognito.Web.Client/libs/shared-components/src/components/content/Callout.vue?62bb","webpack:///C:/a/1/s/Cognito.Web.Client/libs/shared-components/src/components/content/Callout.vue?be7e","webpack:///C:/a/1/s/Cognito.Web.Client/libs/shared-components/src/components/content/Callout.vue?2ec1","webpack:///C:/a/1/s/Cognito.Web.Client/libs/shared-components/src/components/content/Callout.vue","webpack:///C:/a/1/s/Cognito.Web.Client/libs/shared-components/src/components/content/Callout.vue?76eb","webpack:///../../libs/shared-components/src/components/content/Callout.vue","webpack:///C:/a/1/s/Cognito.Web.Client/libs/shared-components/src/components/content/Callout.vue?1805"],"names":["exports","___CSS_LOADER_API_IMPORT___","push","module","i","render","_vm","this","_c","_self","_setupProxy","attrs","directives","name","rawName","value","expression","staticClass","class","calloutClass","size","title","attached","dismissable","useIcon","getIcon","_e","_v","_s","$slots","button","_t","style","on","$event","handleDismiss","staticRenderFns","component","_vue","require","default","defineComponent","props","type","String","validator","indexOf","icon","Boolean","notificationId","undefined","exPosition","data","visible","computed","includes","exStyle","display","top","center","methods","$emit","content","__esModule","locals","add"],"mappings":"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","file":"3.34b1f0fb5c11cb9260c8.js","sourcesContent":["export * from \"-!../../../../../node_modules/.pnpm/vue-style-loader@4.1.3/node_modules/vue-style-loader/index.js!../../../../../node_modules/.pnpm/css-loader@3.6.0_webpack@4.46.0/node_modules/css-loader/dist/cjs.js??ref--7-1!../../../../../node_modules/.pnpm/vue-loader@15.11.1_css-loader@3.6.0_prettier@1.18.2_react-dom@16.14.0_react@16.14.0_vue-templ_dssrug5utsuiubrw6t4rzekrjy/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/.pnpm/postcss-loader@4.3.0_postcss@8.4.31_webpack@4.46.0/node_modules/postcss-loader/dist/cjs.js!../../../../../node_modules/.pnpm/sass-loader@10.1.1_sass@1.44.0_webpack@4.46.0/node_modules/sass-loader/dist/cjs.js!../../../../../node_modules/.pnpm/sass-resources-loader@2.0.1/node_modules/sass-resources-loader/lib/loader.js??ref--7-4!../../../../../node_modules/.pnpm/vue-loader@15.11.1_css-loader@3.6.0_prettier@1.18.2_react-dom@16.14.0_react@16.14.0_vue-templ_dssrug5utsuiubrw6t4rzekrjy/node_modules/vue-loader/lib/index.js??vue-loader-options!./Callout.vue?vue&type=style&index=0&id=cabd1912&prod&lang=scss\"","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../../../node_modules/.pnpm/css-loader@3.6.0_webpack@4.46.0/node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \".callout{background:#f6fbe5}.callout--info{background-color:#f1fcfc;border:1px solid #d0efec}.callout--info .callout__icon{color:#798f8f}.callout--warning{background:#fff7e3;border:1px solid #f9cf62;color:#234652}.callout--warning .callout__icon{color:#a3340d}.callout--error{background:#ffeff0;border:1px solid #c5151d;color:#234652}.callout--error a{color:#234652}.callout--error .callout__icon{color:#c5151d}.callout--error.callout--s{color:#c5151d}.callout--error .button--primary{background:#c5151d !important}.callout--error .button--primary:hover{border-color:#ffeff0}.callout--success{background-color:#f6fbe5;border:1px solid #94cc3f}.callout--success .callout__icon{color:#94cc3f}.callout--attached{border-top-width:0;margin-top:0 !important}:root .callout--has-icon .list-style{padding-left:20px}:where(html:not(.website)) .callout{padding:16px}:where(html:not(.website)) .callout+.callout{margin-top:16px}:where(html:not(.website)) .callout__button-container{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px}@media(max-width: 575.8px){:where(html:not(.website)) .callout__button-container{align-items:flex-start;flex-direction:column}}:where(html:not(.website)) .callout__button-container .callout__button-inner-container{flex-shrink:0;margin:-5px;font-size:12.5px;white-space:nowrap}:where(html:not(.website)) .callout--dismissable .callout__button-container a,:where(html:not(.website)) .callout--dismissable .callout__button-container button{margin-right:0}:where(html:not(.website)) .callout--m .callout__icon{width:21px;height:21px}:where(html:not(.website)) .callout--s{padding:8px}:where(html:not(.website)) .callout--s .callout__icon{width:17px;height:17px;margin-top:1px}:where(html:not(.website)) .callout h1,:where(html:not(.website)) .callout h2,:where(html:not(.website)) .callout h3,:where(html:not(.website)) .callout h4,:where(html:not(.website)) .callout h5,:where(html:not(.website)) .callout h6{font-family:system-ui,-apple-system,blinkmacsystemfont,\\\"Segoe UI\\\",roboto,oxygen-sans,ubuntu,cantarell,\\\"Helvetica Neue\\\",arial,sans-serif;font-size:15.825px;font-weight:var(--medium-weight)}:root :where(html:not(.website)) .callout__content *:first-child{font-size:14px}:where(html:not(.website)) .callout--title.callout--has-icon{padding-left:45px}:where(html:not(.website)) .callout__title{position:relative;font-size:20.25px}:where(html:not(.website)) .callout__title .callout__icon{position:absolute;left:-29px}:where(html:not(.website)) .callout__icon{vertical-align:middle}html.website .wiki .callout p,html.website .wiki .callout li,html.website .wiki .callout table{font-size:1rem}:where(html.website) .callout{padding:24px}:where(html.website) .callout--s{padding:8px;font-size:.8rem}:where(html.website) .callout--l{font-size:1.25rem}:where(html.website) .callout__content{align-items:flex-start}:where(html.website) .callout__icon{width:1.4em}:where(html.website) .callout__inner-container :first-of-type{margin-top:0}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","var render = function render(){var _vm=this,_c=_vm._self._c,_setup=_vm._self._setupProxy;return _c('transition',{attrs:{\"name\":\"slide\"}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.visible),expression:\"visible\"}],staticClass:\"callout flex flex--sb gap-3 mb-3\",class:[\n\t\t\t_vm.calloutClass,\n\t\t\t'callout--' + _vm.size,\n\t\t\t{'callout--title': _vm.title},\n\t\t\t{'callout--attached': _vm.attached},\n\t\t\t{'callout--dismissable': _vm.dismissable},\n\t\t\t{'callout--has-icon': _vm.useIcon}\n\t\t]},[_c('div',{staticClass:\"w-100\"},[(_vm.title)?_c('h1',{staticClass:\"callout__title mt-0 mb-2\"},[(_vm.getIcon && _vm.useIcon)?_c('inline',{staticClass:\"callout__icon\",attrs:{\"svg\":_vm.getIcon}}):_vm._e(),_vm._v(\" \"+_vm._s(_vm.title)+\"\\n\\t\\t\\t\")],1):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"callout__content flex gap-3\"},[(_vm.getIcon && !_vm.title && _vm.useIcon)?_c('inline',{staticClass:\"callout__icon\",attrs:{\"svg\":_vm.getIcon}}):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"content\",class:_vm.$slots.button ? 'callout__button-container' : 'callout__inner-container'},[_c('div',[_vm._t(\"default\")],2),_vm._v(\" \"),_c('div',{staticClass:\"callout__button-inner-container\"},[_vm._t(\"button\")],2)])],1)]),_vm._v(\" \"),(_vm.dismissable)?_c('button',{staticClass:\"button--no-style\",style:(_vm.exStyle),attrs:{\"aria-label\":\"dismiss\"},on:{\"click\":function($event){return _vm.handleDismiss()}}},[_c('inline',{attrs:{\"svg\":\"ex\"}})],1):_vm._e()])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./Callout.vue?vue&type=template&id=cabd1912\"\nimport script from \"./Callout.vue?vue&type=script&lang=ts\"\nexport * from \"./Callout.vue?vue&type=script&lang=ts\"\nimport style0 from \"./Callout.vue?vue&type=style&index=0&id=cabd1912&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/.pnpm/vue-loader@15.11.1_css-loader@3.6.0_prettier@1.18.2_react-dom@16.14.0_react@16.14.0_vue-templ_dssrug5utsuiubrw6t4rzekrjy/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.22.6_webpack@4.46.0/node_modules/babel-loader/lib/index.js??ref--2!../../../../../node_modules/.pnpm/vue-loader@15.11.1_css-loader@3.6.0_prettier@1.18.2_react-dom@16.14.0_react@16.14.0_vue-templ_dssrug5utsuiubrw6t4rzekrjy/node_modules/vue-loader/lib/index.js??vue-loader-options!./Callout.vue?vue&type=script&lang=ts\"; export default mod; export * from \"-!../../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.22.6_webpack@4.46.0/node_modules/babel-loader/lib/index.js??ref--2!../../../../../node_modules/.pnpm/vue-loader@15.11.1_css-loader@3.6.0_prettier@1.18.2_react-dom@16.14.0_react@16.14.0_vue-templ_dssrug5utsuiubrw6t4rzekrjy/node_modules/vue-loader/lib/index.js??vue-loader-options!./Callout.vue?vue&type=script&lang=ts\"","<template>\r\n\t<transition name=\"slide\">\r\n\t\t<div\r\n\t\t\tv-show=\"visible\"\r\n\t\t\tclass=\"callout flex flex--sb gap-3 mb-3\"\r\n\t\t\t:class=\"[\r\n\t\t\t\tcalloutClass,\r\n\t\t\t\t'callout--' + size,\r\n\t\t\t\t{'callout--title': title},\r\n\t\t\t\t{'callout--attached': attached},\r\n\t\t\t\t{'callout--dismissable': dismissable},\r\n\t\t\t\t{'callout--has-icon': useIcon}\r\n\t\t\t]\"\r\n\t\t>\r\n\t\t\t<div class=\"w-100\">\r\n\t\t\t\t<h1 v-if=\"title\" class=\"callout__title mt-0 mb-2\">\r\n\t\t\t\t\t<inline v-if=\"getIcon && useIcon\" :svg=\"getIcon\" class=\"callout__icon\" /> {{ title }}\r\n\t\t\t\t</h1>\r\n\t\t\t\t<div class=\"callout__content flex gap-3\">\r\n\t\t\t\t\t<inline v-if=\"getIcon && !title && useIcon\" :svg=\"getIcon\" class=\"callout__icon\" />\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"content\"\r\n\t\t\t\t\t\t:class=\"$slots.button ? 'callout__button-container' : 'callout__inner-container'\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<div><slot /></div>\r\n\t\t\t\t\t\t<div class=\"callout__button-inner-container\"><slot name=\"button\" /></div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<button v-if=\"dismissable\" class=\"button--no-style\" :style=\"exStyle\" aria-label=\"dismiss\" @click=\"handleDismiss()\">\r\n\t\t\t\t<inline svg=\"ex\" />\r\n\t\t\t</button>\r\n\t\t</div>\r\n\t</transition>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\n\timport type { PropType } from 'vue';\r\n\timport { defineComponent } from 'vue';\r\n\r\n\ttype Size = 's' | 'm' | 'l';\r\n\ttype ExPosition = 'top' | 'center';\r\n\texport type CalloutType = 'error' | 'info' | 'success' | 'warning' | 'plain' | 'tip' | 'support';\r\n\r\n\texport default defineComponent({\r\n\t\tname: 'CCallout',\r\n\t\tprops: {\r\n\t\t\ttype: {\r\n\t\t\t\tdefault: null,\r\n\t\t\t\ttype: String as PropType<CalloutType>,\r\n\t\t\t\tvalidator: function (value: string) {\r\n\t\t\t\t\treturn ['error', 'info', 'success', 'warning', 'plain', 'tip', 'support'].indexOf(value) !== -1;\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\ttitle: {\r\n\t\t\t\ttype: String,\r\n\t\t\t\tdefault: null\r\n\t\t\t},\r\n\t\t\ticon: {\r\n\t\t\t\ttype: String,\r\n\t\t\t\tdefault: null\r\n\t\t\t},\r\n\t\t\tsize: {\r\n\t\t\t\tdefault: 'm',\r\n\t\t\t\ttype: String as PropType<Size>\r\n\t\t\t},\r\n\t\t\tattached: {\r\n\t\t\t\tdefault: false,\r\n\t\t\t\ttype: Boolean\r\n\t\t\t},\r\n\t\t\tdismissable: {\r\n\t\t\t\tdefault: false,\r\n\t\t\t\ttype: Boolean\r\n\t\t\t},\r\n\t\t\tnotificationId: {\r\n\t\t\t\tdefault: undefined,\r\n\t\t\t\ttype: String\r\n\t\t\t},\r\n\t\t\tuseIcon: {\r\n\t\t\t\tdefault: true,\r\n\t\t\t\ttype: Boolean\r\n\t\t\t},\r\n\t\t\texPosition: {\r\n\t\t\t\tdefault: null,\r\n\t\t\t\ttype: String as PropType<ExPosition>\r\n\t\t\t}\r\n\t\t},\r\n\t\tdata: () => {\r\n\t\t\treturn {\r\n\t\t\t\tvisible: true\r\n\t\t\t};\r\n\t\t},\r\n\t\tcomputed: {\r\n\t\t\tgetIcon() {\r\n\t\t\t\treturn !this.icon && ['error', 'info', 'success', 'warning'].includes(this.type) ? this.type : this.icon ? this.icon : null;\r\n\t\t\t},\r\n\t\t\tcalloutClass() {\r\n\t\t\t\treturn this.type ? 'callout--' + this.type : null;\r\n\t\t\t},\r\n\t\t\texStyle() {\r\n\t\t\t\tif (!this.exPosition)\r\n\t\t\t\t\treturn;\r\n\r\n\t\t\t\tconst positionFlexMap = { top: 'start', center: 'center' };\r\n\r\n\t\t\t\treturn {\r\n\t\t\t\t\tdisplay: 'flex',\r\n\t\t\t\t\t'align-items': positionFlexMap[this.exPosition]\r\n\t\t\t\t};\r\n\t\t\t}\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\thandleDismiss() {\r\n\t\t\t\tthis.visible = false;\r\n\t\t\t\tthis.$emit('dismiss', this.notificationId);\r\n\t\t\t}\r\n\t\t}\r\n\t});\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '@cognitoforms/styles/website/common/resources/typography';\r\n\r\n.callout {\r\n\tbackground: $alexander;\r\n\r\n\t&--info {\r\n\t\t@include callout--info;\r\n\t}\r\n\r\n\t&--warning {\r\n\t\t@include callout--warning;\r\n\t}\r\n\r\n\t&--error {\r\n\t\t@include callout--error;\r\n\r\n\t\t&.callout--s {\r\n\t\t\tcolor: $text__error;\r\n\t\t}\r\n\r\n\t\t.button--primary {\r\n\t\t\tbackground: $red__4 !important;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tborder-color: $bg__error;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&--success {\r\n\t\t@include callout--success;\r\n\t}\r\n\r\n\t&--attached {\r\n\t\tborder-top-width: 0;\r\n\t\tmargin-top: 0 !important;\r\n\t}\r\n\r\n\t:root &--has-icon {\r\n\r\n\t\t.list-style {\r\n\t\t\t// Need to reduce padding due to the callout already being indented\r\n\t\t\tpadding-left: 20px;\r\n\t\t}\r\n\t}\r\n\r\n\t:where(html:not(.website)) & {\r\n\t\tpadding: $space__4;\r\n\r\n\t\t& + .callout {\r\n\t\t\tmargin-top: $space__4;\r\n\t\t}\r\n\r\n\t\t&__button-container {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: space-between;\r\n\t\t\twidth: 100%;\r\n\t\t\tgap: $space__4;\r\n\r\n\t\t\t@include b-down($b5) {\r\n\t\t\t\talign-items: flex-start;\r\n\t\t\t\tflex-direction: column;\r\n\t\t\t}\r\n\r\n\t\t\t// Negative margins on the button so that it cuts into the callout margins does not increase the height\r\n\t\t\t// of the callout causing an awkward space below the text. The button shouldn't cut into the right margin\r\n\t\t\t// if there is a dismiss button (see below).\r\n\t\t\t.callout__button-inner-container {\r\n\t\t\t\tflex-shrink: 0;\r\n\t\t\t\tmargin: -5px;\r\n\t\t\t\tfont-size: $size__1;\r\n\t\t\t\twhite-space: nowrap;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&--dismissable .callout__button-container {\r\n\r\n\t\t\ta,\r\n\t\t\tbutton {\r\n\t\t\t\tmargin-right: 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&--m {\r\n\r\n\t\t\t.callout__icon {\r\n\t\t\t\twidth: $size__icon--large;\r\n\t\t\t\theight: $size__icon--large;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&--s {\r\n\t\t\tpadding: $space__3;\r\n\r\n\t\t\t.callout__icon {\r\n\t\t\t\twidth: $size__icon;\r\n\t\t\t\theight: $size__icon;\r\n\t\t\t\tmargin-top: 1px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-family: $app-text-type;\r\n\t\t\tfont-size: $size__3;\r\n\t\t\tfont-weight: $weight__text--medium;\r\n\t\t}\r\n\r\n\t\t:root &__content {\r\n\r\n\t\t\t*:first-child {\r\n\t\t\t\tfont-size: $size__2;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&--title.callout--has-icon {\r\n\t\t\tpadding-left: $space__4 + $size__icon--large + $space__icon;\r\n\t\t}\r\n\r\n\t\t&__title {\r\n\t\t\tposition: relative;\r\n\t\t\tfont-size: $size__5;\r\n\r\n\t\t\t.callout__icon {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tleft: ( $size__icon--large + $space__icon) * -1;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__icon {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\t}\r\n\r\n\thtml.website .wiki & {\r\n\r\n\t\tp,\r\n\t\tli,\r\n\t\ttable {\r\n\t\t\tfont-size: modular-scale(3);\r\n\t\t}\r\n\t}\r\n\r\n\t:where(html.website) & {\r\n\t\tpadding: $gutter*.75;\r\n\r\n\t\t&--s {\r\n\t\t\tpadding: $gutter*.25;\r\n\t\t\tfont-size: modular-scale(2);\r\n\t\t}\r\n\r\n\t\t&--l {\r\n\t\t\tfont-size: modular-scale(4);\r\n\t\t}\r\n\r\n\t\t&__content {\r\n\t\t\talign-items: flex-start;\r\n\t\t}\r\n\r\n\t\t&__icon {\r\n\t\t\twidth: 1.4em;\r\n\t\t}\r\n\r\n\t\t&__inner-container :first-of-type {\r\n\t\t\tmargin-top: 0;\r\n\t\t}\r\n\t}\r\n}\r\n</style>","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../../node_modules/.pnpm/css-loader@3.6.0_webpack@4.46.0/node_modules/css-loader/dist/cjs.js??ref--7-1!../../../../../node_modules/.pnpm/vue-loader@15.11.1_css-loader@3.6.0_prettier@1.18.2_react-dom@16.14.0_react@16.14.0_vue-templ_dssrug5utsuiubrw6t4rzekrjy/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/.pnpm/postcss-loader@4.3.0_postcss@8.4.31_webpack@4.46.0/node_modules/postcss-loader/dist/cjs.js!../../../../../node_modules/.pnpm/sass-loader@10.1.1_sass@1.44.0_webpack@4.46.0/node_modules/sass-loader/dist/cjs.js!../../../../../node_modules/.pnpm/sass-resources-loader@2.0.1/node_modules/sass-resources-loader/lib/loader.js??ref--7-4!../../../../../node_modules/.pnpm/vue-loader@15.11.1_css-loader@3.6.0_prettier@1.18.2_react-dom@16.14.0_react@16.14.0_vue-templ_dssrug5utsuiubrw6t4rzekrjy/node_modules/vue-loader/lib/index.js??vue-loader-options!./Callout.vue?vue&type=style&index=0&id=cabd1912&prod&lang=scss\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../../../node_modules/.pnpm/vue-style-loader@4.1.3/node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"2002f9b8\", content, true, {});"],"sourceRoot":""}