https://static.cognitoforms.com/app/1723.2ec05f7639c3cd61.js

1(self.rspackChunkcognito_spa=self.rspackChunkcognito_spa||[]).push([[1723],{25969(e,n,r){"use strict";r.r(n);var t=r(88876),o=r.n(t),i=r(68772),s=r.n(i)()(o());s.push([e.id,'.slide-enter-active,.slide-leave{max-height:1000px;overflow:hidden;opacity:1;transition:max-height .8s ease-in,opacity .4s ease-in}.slide-enter,.slide-leave-to{max-height:0;overflow:hidden;opacity:0;transition:max-height .5s ease-out,opacity .4s ease-out}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active,.slide-toggle-enter-active,.slide-toggle-leave-active,.slide-top-toggle-enter-active,.slide-top-toggle-leave-active,.slide-bottom-toggle-enter-active,.slide-bottom-toggle-leave-active,.slide-right-toggle-enter-active,.slide-right-toggle-leave-active,.slide-left-toggle-enter-active,.slide-left-toggle-leave-active{transition:.25s ease}.slide-toggle-enter,.slide-toggle-leave-to{opacity:0;transform:translateX(-100%)}.slide-right-toggle-enter,.slide-right-toggle-leave-to{transform:translateX(100%)}.slide-top-toggle-enter,.slide-top-toggle-leave-to{transform:translateY(-100%)}.slide-bottom-toggle-enter,.slide-bottom-toggle-leave-to{transform:translateY(100%)}.slide-right-enter,.slide-left-leave,.slide-left-leave-to{transform:translateX(-100%)}.slide-left-enter,.slide-right-leave,.slide-right-leave-to{transform:translateX(100%)}.fade-enter-active,.fade-leave{opacity:1;transition:opacity .5s}.fade-enter,.fade-leave-active,.fade-out-leave-active{opacity:0;transition:opacity .5s}.drop-down-enter-active,.drop-down-leave-active,.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{transform-origin:0 0 !important;transition:opacity .2s,transform .2s;will-change:transform,opacity}.drop-down-enter-active,.drop-down-leave,.drop-down-leave-to,.el-zoom-in-top-enter-active,.el-zoom-in-top-leave{opacity:1;transform:scaleY(1)}.drop-down-enter,.drop-down-enter-from,.drop-down-leave-active,.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.zoom-in-enter-active,.zoom-in-leave,.zoom-in-enter,.zoom-in-leave-active{transition:opacity .2s,transform .3s}.zoom-in-enter-active,.zoom-in-leave{opacity:1;transform:scale(1)}.zoom-in-enter,.zoom-in-leave-active{opacity:0;transform:scale(0.9)}.el-collapse-item__wrap{overflow:hidden;will-change:height;transition:height .25s}.emanate{position:relative;z-index:0}.emanate::before{position:absolute;z-index:-1;background-color:var(--yellow-2);outline:2px solid var(--yellow-2);transform-origin:center;content:"";animation:emanate 3s ease-out forwards;inset:0}[data-has-custom-theme=true] .emanate::before{background-color:var(--bg-selected-intense);outline-color:var(--bg-selected-intense)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.spin{animation:spin 1.5s 0s linear infinite}@keyframes shake{from,to{transform:translate3d(0, 0, 0)}10%,30%,50%,70%,90%{transform:translate3d(-3px, 0, 0)}20%,40%,60%,80%{transform:translate3d(3px, 0, 0)}}.shake{animation:shake 1s 0s}@keyframes dialog-fade{0%{opacity:0;transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}@keyframes emanate{0%{opacity:1;transform:scale(1)}60%{background-color:rgba(0,0,0,0)}100%{opacity:0;transform:scale(1.15)}}',"",{version:3,sources:["webpack://./../../libs/styles/global/_motion.scss","webpack://./../../libs/styles/global/resources/_mixins.scss"],names:[],mappings:"AAsBA,iCAEC,iBAAA,CACA,eAAA,CACA,SAAA,CACA,qDAAA,CAGD,6BAEC,YAAA,CACA,eAAA,CACA,SAAA,CACA,uDAAA,CAOD,gaAcC,oBAAA,CAGD,2CAEC,SAAA,CACA,2BAAA,CAGD,uDAEC,0BAAA,CAGD,mDAEC,2BAAA,CAGD,yDAEC,0BAAA,CAGD,0DAGC,2BAAA,CAGD,2DAGC,0BAAA,CAID,+BAEC,SAAA,CACA,sBAAA,CAGD,sDAGC,SAAA,CACA,sBAAA,CAID,0GCMC,+BAAA,CACA,oCAAA,CDFA,6BAAA,CAGD,gHCGC,SAAA,CACA,mBAAA,CDID,kHAAA,SAAA,CCCC,mBAAA,CDQD,0EAIC,oCAAA,CAGD,qCAEC,SAAA,CACA,kBAAA,CAGD,qCAEC,SAAA,CACA,oBAAA,CAKD,wBACC,eAAA,CACA,kBAAA,CACA,sBAAA,CAGD,SACC,iBAAA,CACA,SAAA,CAEA,iBACC,iBAAA,CACA,UAAA,CACA,gCAAA,CACA,iCAAA,CACA,uBAAA,CACA,UAAA,CACA,sCAAA,CACA,OAAA,CAEA,8CACC,2CAAA,CACA,wCAAA,CAMH,mBAEC,GACC,SAAA,CAGD,KACC,SAAA,CAAA,CAIF,oBAEC,GACC,SAAA,CAGD,KACC,SAAA,CAAA,CAKF,gBAEC,GACC,sBAAA,CAGD,KACC,wBAAA,CAAA,CAIF,MACC,sCAAA,CAID,iBAEC,QAEC,8BAAA,CAGD,oBAKC,iCAAA,CAGD,gBAIC,gCAAA,CAAA,CAIF,OACC,qBAAA,CAGD,uBAEC,GACC,SAAA,CACA,oBAAA,CAGD,KACC,SAAA,CACA,kBAAA,CAAA,CAIF,mBAEC,GACC,SAAA,CACA,kBAAA,CAGD,IACC,8BAAA,CAGD,KACC,SAAA,CACA,qBAAA,CAAA",sourcesContent:["@use 'sass:math';\r\n\n@import 'resources/color';\r\n@import '../app/common/resources/app-design-tokens';\r\n@import 'resources/design-tokens';\r\n@import 'resources/depth';\r\n@import 'resources/decimal';\r\n@import '../app/common/resources/mixins';\r\n@import '../app/common/resources/layout';\r\n@import 'resources/typography';

1\r\n@import 'resources/form-controls';\r\n\n/*\r\n	<transition name=\"slide\"> - good slide for elements that take up space (1000px height maximum on element)\r\n	<transition name=\"fade\">\r\n	<transition name=\"drop-down\"> - good slide for elements that do not take up space\r\n	.spin - animation\r\n	.shake - animation\r\n	.hover:grow\r\n*/\r\n\r\n// <transition name=\"slide\">\r\n.slide-enter-active,\r\n.slide-leave {\r\n	max-height: 1000px;\r\n	overflow: hidden;\r\n	opacity: 1;\r\n	transition: max-height .8s ease-in, opacity .4s ease-in;\r\n}\r\n\r\n.slide-enter,\r\n.slide-leave-to {\r\n	max-height: 0;\r\n	overflow: hidden;\r\n	opacity: 0;\r\n	transition: max-height .5s ease-out, opacity .4s ease-out;\r\n}\r\n\r\n\r\n// <transition name=\"slide-right\">\r\n// <transition name=\"slide-left\">\r\n// note: the previous selector was flagged for poor performance\r\n.slide-left-enter-active,\r\n.slide-left-leave-active,\r\n.slide-right-enter-active,\r\n.slide-right-leave-active,\r\n.slide-toggle-enter-active,\r\n.slide-toggle-leave-active,\r\n.slide-top-toggle-enter-active,\r\n.slide-top-toggle-leave-active,\r\n.slide-bottom-toggle-enter-active,\r\n.slide-bottom-toggle-leave-active,\r\n.slide-right-toggle-enter-active,\r\n.slide-right-toggle-leave-active,\r\n.slide-left-toggle-enter-active,\r\n.slide-left-toggle-leave-active {\r\n	transition: .25s ease;\r\n}\r\n\r\n.slide-toggle-enter,\r\n.slide-toggle-leave-to {\r\n	opacity: 0;\r\n	transform: translateX(-100%);\r\n}\r\n\r\n.slide-right-toggle-enter,\r\n.slide-right-toggle-leave-to {\r\n	transform: translateX(100%);\r\n}\r\n\r\n.slide-top-toggle-enter,\r\n.slide-top-toggle-leave-to {\r\n	transform: translateY(-100%);\r\n}\r\n\r\n.slide-bottom-toggle-enter,\r\n.slide-bottom-toggle-leave-to {\r\n	transform: translateY(100%);\r\n}\r\n\r\n.slide-right-enter,\r\n.slide-left-leave,\r\n.slide-left-leave-to {\r\n	transform: translateX(-100%);\r\n}\r\n\r\n.slide-left-enter,\r\n.slide-right-leave,\r\n.slide-right-leave-to {\r\n	transform: translateX(100%);\r\n}\r\n\r\n// <transition name=\"fade\">\r\n.fade-enter-active,\r\n.fade-leave {\r\n	opacity: 1;\r\n	transition: opacity .5s;\r\n}\r\n\r\n.fade-enter,\r\n.fade-leave-active,\r\n.fade-out-leave-active {\r\n	opacity: 0;\r\n	transition: opacity .5s;\r\n}\r\n\r\n// <transition name=\"drop-down\">\r\n.drop-down-enter-active,\r\n.drop-down-leave-active,\r\n.el-zoom-in-top-enter-active,\r\n.el-zoom-in-top-leave-active {\r\n	@include expandable;\r\n	will-change: transform, opacity;\r\n}\r\n\r\n.drop-down-enter-active,\r\n.drop-down-leave,\r\n.drop-down-leave-to,\r\n.el-zoom-in-top-enter-active,\r\n.el-zoom-in-top-leave {\r\n	@include expanded;\r\n}\r\n\r\n.drop-down-enter,\r\n.drop-down-enter-from,\r\n.drop-down-leave-active,\r\n.el-zoom-in-top-enter,\r\n.el-zoom-in-top-leave-active {\r\n	@include collapsed;\r\n}\r\n\r\n// <transition name=\"zoom-in\">\r\n.zoom-in-enter-active,\r\n.zoom-in-leave,\r\n.zoom-in-enter,\r\n.zoom-in-leave-active {\r\n	transition: opacity .2s, transform .3s;\r\n}\r\n\r\n.zoom-in-enter-active,\r\n.zoom-in-leave {\r\n	opacity: 1;\r\n	transform: scale(1);\r\n}\r\n\r\n.zoom-in-enter,\r\n.zoom-in-leave-active {\r\n	opacity: 0;\r\n	transform: scale(.9);\r\n}\r\n\r\n// So that Element's Collapse component will work\r\n// https://element.eleme.io/#/en-US/component/collapse\r\n.el-collapse-item__wrap {\r\n	overflow: hidden;\r\n	will-change: height;\r\n	transition: height .25s;\r\n}\r\n\r\n.emanate {\r\n	position: relative;\r\n	z-index: 0;\r\n\r\n	&::before {\r\n		position: absolute;\r\n		z-index: -1;\r\n		background-color: var(--yellow-2);\r\n		outline: 2px solid var(--yellow-2);\r\n		transform-origin: center;\r\n		content: '';\r\n		animation: emanate 3s ease-out forwards;\r\n		inset: 0;\r\n\r\n		[data-has-custom-theme='true'] & {\r\n			background-color: var(--bg-selected-intense);\r\n			outline-color: var(--bg-selected-intense);\r\n		}\r\n	}\r\n}\r\n\r\n// fade\r\n@keyframes fade-in {\r\n\r\n	0% {\r\n		opacity: 0;\r\n	}\r\n\r\n	100% {\r\n		opacity: 1;\r\n	}\r\n}\r\n\r\n@keyframes fade-out {\r\n\r\n	0% {\r\n		opacity: 1;\r\n	}\r\n\r\n	100% {\r\n		opacity: 0;\r\n	}\r\n}\r\n\r\n// .spin\r\n@keyframes spin {\r\n\r\n	0% {\r\n		transform: rotate(0deg);\r\n	}\r\n\r\n	100% {\r\n		transform: rotate(359deg);\r\n	}\r\n}\r\n\r\n.spin {\r\n	animation: spin 1.5s 0s linear infinite;\r\n}\r\n\r\n// .shake\r\n@keyframes shake {\r\n\r\n	from,\r\n	to {\r\n		transform: translate3d(0, 0, 0);\r\n	}\r\n\r\n	10%,\r\n	30%,\r\n	50%,\r\n	70%,\r\n	90% {\r\n		transform: translate3d(-3px, 0, 0);\r\n	}\r\n\r\n	20%,\r\n	40%,\r\n	60%,\r\n	80% {\r\n		transform: translate3d(3px, 0, 0);\r\n	}\r\n}\r\n\r\n.shake {\r\n	animation: shake 1s 0s;\r\n}\r\n\r\n@keyframes dialog-fade {\r\n\r\n	0% {\r\n		opacity: 0;\r\n		transform: scale(1.1);\r\n	}\r\n\r\n	100% {\r\n		opacity: 1;\r\n		transform: scale(1);\r\n	}\r\n}\r\n\r\n@keyframes emanate {\r\n\r\n	0% {\r\n		opacity: 1;\r\n		transform: scale(1);\r\n	}\r\n\r\n	60% {\r\n		background-color: transparent;\r\n	}\r\n\r\n	100% {\r\n		opacity: 0;\r\n		transform: scale(1.15);\r\n	}\r\n}\r\n","@mixin break-word {\r\n	word-wrap: break-word; // for IE\r\n	overflow-wrap: break-word;\r\n}\r\n\r\n@mixin nowrap {\r\n	overflow: hidden;\r\n	text-overflow: ellipsis;\r\n	white-space: nowrap;\r\n}\r\n\r\n@mixin no-list {\r\n	margin: 0;\r\n	padding: 0;\r\n	list-style-type: none;\r\n}\r\n\r\n@mixin list {\r\n	padding-left: 40px;\r\n\r\n	li li {\r\n		margin-top: .5em;\r\n	}\r\n}\r\n\r\n@mixin ul {\r\n	list-style: square;\r\n\r\n	li li {\r\n		margin-top: 0;\r\n	}\r\n\r\n	.c-html.c-editor & > li > ul > li {\r\n		list-style-type: circle;\r\n	}\r\n\r\n	& > li > ul > li {\r\n		list-style-type: '− ';\r\n	}\r\n}\r\n\r\n@mixin ol {\r\n	list-style: decimal;\r\n\r\n	& > li > ol > li {\r\n		list-style-type: lower-alpha;\r\n	}\r\n}

1\r\n\r\n// Use more modern approach (https://css-tricks.com/inclusively-hidden/) rather than\r\n// what is recommended by WebAIM (https://webaim.org/techniques/css/invisiblecontent/#offscreen)\r\n// this avoids bug 17722\r\n@mixin visually-hidden {\r\n	position: absolute;\r\n	width: 1px;\r\n	height: 1px;\r\n	clip: rect(0 0 0 0);\r\n	clip-path: inset(50%);\r\n	overflow: hidden;\r\n	white-space: nowrap;\r\n}\r\n\r\n@mixin no-style-button {\r\n	background: transparent;\r\n	border-width: 0;\r\n	padding: 0;\r\n	cursor: pointer;\r\n	font-size: inherit;\r\n}\r\n\r\n@mixin ie {\r\n	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\r\n		@content;\r\n	}\r\n}\r\n\r\n@mixin not-ie {\r\n	@supports not (-ms-high-contrast: none) {\r\n		@content;\r\n	}\r\n}\r\n\r\n@mixin center {\r\n	margin-right: auto;\r\n	margin-left: auto;\r\n}\r\n\r\n// Fixed width\r\n@mixin w-1 {\r\n	width: $gutter;\r\n}\r\n\r\n@mixin w-2 {\r\n	width: $gutter * 2;\r\n}\r\n\r\n@mixin w-3 {\r\n	width: $gutter * 3;\r\n}\r\n\r\n@mixin w-4 {\r\n	width: $gutter * 4;\r\n}\r\n\r\n@mixin w-5 {\r\n	width: $gutter * 5;\r\n}\r\n\r\n@mixin w-6 {\r\n	width: $gutter * 8;\r\n}\r\n\r\n@mixin expandable() {\r\n	transform-origin: 0 0 !important;\r\n	transition: opacity .2s, transform .2s;\r\n}\r\n\r\n@mixin expanded() {\r\n	opacity: 1;\r\n	transform: scaleY(1);\r\n}\r\n\r\n@mixin collapsed() {\r\n	opacity: 0;\r\n	transform: scaleY(0);\r\n}\r\n\r\n@mixin unwrap() {\r\n	width: calc(100% + #{$gutter * 2});\r\n	margin-left: -$gutter;\r\n}\r\n\r\n@mixin columns($number: 2) {\r\n	columns: $number;\r\n	column-gap: $gutter;\r\n\r\n	& > * {\r\n		break-inside: avoid;\r\n	}\r\n}\r\n\r\n@mixin underline() {\r\n	text-decoration: underline;\r\n	text-decoration-thickness: .1em;\r\n	text-underline-offset: .08em;\r\n}\r\n\r\n@mixin modal-shadow {\r\n	box-shadow: 0 0 6px var(--shadow-color-intense);\r\n}\r\n\r\n// Shared vars: spa & website\r\n@mixin contain-until($breakpoint) {\r\n	width: 100%;\r\n	min-height: 100vh;\r\n\r\n	@supports (height: 100dvh) {\r\n		min-height: 100dvh;\r\n	}\r\n\r\n	@include b-up($breakpoint) {\r\n		max-width: $breakpoint - 75px;\r\n		min-height: 0;\r\n		margin: 1em 0;\r\n	}\r\n}\r\n"],sourceRoot:""}]),r.d(n,{},{default:s})},53853(e,n,r){"use strict";r.r(n);var t=r(88876),o=r.n(t),i=r(68772),s=r.n(i)()(o());s.push([e.id,".button__icon,.button__icon *,.button__text,.button__text *{pointer-events:none}","",{version:3,sources:["webpack://./src/components/interaction/Button.vue"],names:[],mappings:"AAaA,4DAIC,mBAAA",sourcesContent:["@use 'sass:math';\r\n\n@import '../../../../../libs/styles/global/resources/color';\r\n@import '../../../../../libs/styles/app/common/resources/app-design-tokens';\r\n@import '../../../../../libs/styles/global/resources/design-tokens';\r\n@import '../../../../../libs/styles/global/resources/depth';\r\n@import '../../../../../libs/styles/global/resources/decimal';\r\n@import '../../../../../libs/styles/app/common/resources/mixins';\r\n@import '../../../../../libs/styles/app/common/resources/layout';\r\n@import '../../../../../libs/styles/global/resources/typography';\r\n@import '../../../../../libs/styles/global/resources/form-controls';\r\n\n\n.button__icon,\n.button__text,\n.button__icon *,\n.button__text * {\n	pointer-events: none;\n}\n"],sourceRoot:""}]),r.d(n,{},{default:s})},29995(e,n,r){"use strict";r.d(n,{default:()=>l});var t=r(74061),o=r(94691),i=r(95080),s=r(5430);let a=(0,t.defineComponent)({name:"CLookupFieldWelcomeDialog",components:{CDialog:o.A,CButton:i.A},props:{show:{type:Boolean,default:!1},isPersonField:{type:Boolean,default:!1}},emits:["close","create"],computed:{personSubmissionsEnabled:function(){var e,n,r;return null!=(e=null==(r=s.Ay.value)||null==(n=r.enabledFeatures)?void 0:n.PersonSubmissions)&&e},dialogMaxWidth:function(){return this.isPersonField&&this.personSubmissionsEnabled?"555px":"800px"},title:function(){return this.isPersonField&&this.personSubmissionsEnabled?"Meet the Person Field":this.isPersonField?"Welcome to using the Person Field":"Welcome to using the Lookup Field"}}

1,methods:{onCreatePersonForm:function(){this.$emit("create"),this.$emit("close")}}}),l=(0,r(73217).A)(a,function(){var e=this,n=e._self._c;return e._self._setupProxy,n("CDialog",{attrs:{visible:e.show,title:e.title,"max-width":e.dialogMaxWidth},on:{close:function(n){return e.$emit("close")}},scopedSlots:e._u([e.isPersonField&&e.personSubmissionsEnabled?{key:"footer",fn:function(){return[n("CButton",{staticClass:"button--primary",attrs:{id:"OkayButton"},on:{click:e.onCreatePersonForm}},[e._v("\n			Create Person Form\n		")])]},proxy:!0}:{key:"footer",fn:function(){return[n("CButton",{staticClass:"button--primary",attrs:{id:"OkayButton"},on:{click:function(n){return e.$emit("close",n)}}},[e._v("\n			Okay\n		")])]},proxy:!0}],null,!0)},[e.isPersonField&&e.personSubmissionsEnabled?[n("div",{staticClass:"flex gap-4 items-center"},[n("Inline",{staticClass:"b5:show b5:w-33",attrs:{svg:"complex-icons/person-field"}}),e._v(" "),n("div",{staticClass:"b5:w-66"},[n("p",{staticClass:"mb-4"},[e._v("Person Fields let you select people — like employees, clients, or volunteers — from entries in a "),n("a",{attrs:{href:"/support/472/building-forms/creating-data-lookups/people-lookups",target:"_blank"}},[e._v("Person Form."),n("Inline",{staticClass:"align-bottom mx-2",attrs:{svg:"support"}})],1),e._v(" You can then pull their names, emails, photos, and more into any of your forms.")]),e._v(" "),n("p",{staticClass:"mb-4"},[e._v("To get started, you'll need to create a Person Form.")])])],1)]:[n("div",{staticClass:"flex gap-4 items-start"},[n("div",{staticClass:"b5:w-66"},[e.isPersonField?[n("p",{staticClass:"mb-4"},[e._v("\n						The Person field allows you to select from a list of people - like employees, clients, volunteers, or anyone involved in your workflow processes. This list is based on entries from another form, where each entry represents a person.\n					")]),e._v(" "),n("p",{staticClass:"mb-4"},[e._v("\n						Using a Person field, you can map this information (including names, emails, photos, and more) on any form and then use that data in calculations, conditional logic scenarios, and form content.\n					")]),e._v(" "),n("ul",{staticClass:"list-style mb-4"},[n("li",[n("strong",[e._v("Step 1:")]),e._v(" Set up a form where each entry represents a person. Populate the entries with Name, Email, Photo, and any other information you want to include.")]),e._v(" "),n("li",[n("strong",[e._v("Step 2:")]),e._v(' Enable "Use With Person Field?" in the form settings and map the relevant fields (Name, Email, Photo, and Active Status).')]),e._v(" "),n("li",[n("strong",[e._v("Step 3:")]),e._v(' Return to this form and add a Person field. Select the form you created in the "Look Up People From" dropdown. Choose the fields you want to display as your Choice Labels.')])]),e._v(" "),n("p",[n("a",{attrs:{href:"https://www.cognitoforms.com/support/472/building-forms/creating-data-lookups/people-lookups",target:"_blank"}},[e._v("Check out our tutorials")]),e._v(" for detailed instructions and support.")])]:[n("p",{staticClass:"mb-4"},[e._v("The Lookup field is a powerful tool that allows you to reference entries from other forms in your Choice fields. This means you can create dynamic forms that pull in data from different sources, making your forms more interactive and efficient.")]),e._v(" "),n("p",{staticClass:"mb-4"},[e._v("The Lookup field is basically a Choice field where the available choices are based on entries from other forms. You can then use that entry data for calculations, conditional logic scenarios, and in form content.")]),e._v(" "),n("p",{staticClass:"mb-4"},[e._v("You'll need multiple forms to use this feature. Here's a quick way to start:")]),e._v(" "),n("ul",{staticClass:"list-style mb-4"},[n("li",[n("strong",[e._v("Step 1:")]),e._v(" Set up your source form. This is the form whose entry data you want to reference in this form.")]),e._v(" "),n("li",[n("strong",[e._v("Step 2:")]),e._v(' Come back to this form and select that source form in the "Look Up Choices From" dropdown.')]),e._v(" "),n("li",[n("strong",[e._v("Step 3:")]),e._v(" Choose the fields you want to display as your Choice Labels and finish configuring your lookup field.")])]),e._v(" "),n("p",[n("a",{attrs:{href:"https://www.cognitoforms.com/support/201/building-forms/creating-data-lookups",target:"_blank"}},[e._v("Check out our tutorials")]),e._v(" for detailed instructions and support.")])]],2),e._v(" "),n("Inline",{staticClass:"b5:show b5:w-33",attrs:{svg:"complex-icons/".concat(e.isPersonField?"person-field":"lookup-field")}})],1)]],2)},[],!1,null,null,null).exports},95080(e,n,r){"use strict";r.d(n,{A:()=>s});var t=r(74061),o=r(52737);let i=(0,t.defineComponent)({name:"CButton",components:{ElButton:o.Button},props:{noStyle:{type:Boolean,default:!1}},emits:["click"],methods:{handleClick:function(e){this.$emit("click",e)}}});r(60055);let s=(0,r(73217).A)(i,function(){var e=this._self._c;return this._self._setupProxy,e("ElButton",{class:{button:!this.noStyle,"button--no-style":this.noStyle},on:{click:this.handleClick}},[this.$slots.icon?e("span",{staticClass:"button__icon"},[this._t("icon")],2):this._e(),this._v(" "),this.noStyle?this._t("default"):e("span",{staticClass:"button__text"},[this._t("default")],2),this._v(" "),this.$slots.icon2?e("span",{staticClass:"button__icon"},[this._t("icon2")],2):this._e(),this._v(" "),this._t("status-icon")],2)},[],!1,null,null,null).exports},82476(e,n,r){"use strict";r(39855)},39855(e,n,r){var t=r(25969);t.__esModule&&(t=t.default),"string"==typeof t&&(t=[[e.id,t,""]]),t.locals&&(e.exports=t.locals),(0,r(21915).A)("1628ca40",t,!0,{})},60055(e,n,r){var t=r(53853);t.__esModule&&(t=t.default),"string"==typeof t&&(t=[[e.id,t,""]]),t.locals&&(e.exports=t.locals),(0,r(21915).A)("4586158d",t,!0,{})}}]);
2//# sourceMappingURL=1723.2ec05f7639c3cd61.js.map