{"version":3,"sources":["webpack:///./src/components/UI/Loader.vue","webpack:///./src/components/UI/Loader.vue?c49d","webpack:///./src/components/UI/OptionsCheckboxes.vue?2b44","webpack:///./src/components/UI/Loader.vue?dc44","webpack:///./src/components/UI/OptionsCheckboxes.vue","webpack:///./src/components/UI/OptionsCheckboxes.vue?8ab3","webpack:///./src/components/UI/OptionsCheckboxes.vue?6e6b"],"names":["class","script","render","__scopeId","ref","checked","disabled","disableifRequired","isSuperAdminCheckbox","type","id","onCheck","$event","packMembers","required","for","$slots","activeOption","name","emits","props","Number","default","Boolean","Array","components","Tooltip","setup","emit","item","option"],"mappings":"2OACOA,MAAM,W,iFAAX,yBAA2B,MAA3B,M,UCAF,MAAMC,EAAS,GAGfA,EAAOC,OAASA,EAChBD,EAAOE,UAAY,kBAEJ,U,6DCPf,W,kCCAA,W,mJCQWH,MAAM,e,GACJA,MAAM,S,SAEJA,MAAM,Q,+BAKE,sD,SAGRA,MAAM,Q,+BAKE,sB,SAITA,MAAM,S,wIA3BlB,yBAgCM,OA/BJI,IAAI,KACJJ,MAAK,CAAC,gBAAe,QACH,EAAAK,QAAO,SAAY,EAAAC,SAAQ,kBAAqB,EAAAC,kBAAiB,uBAA0B,EAAAC,wB,CAE7G,yBAAqG,SAA9FC,KAAK,WAAYC,GAAI,EAAAA,GAAK,QAAK,+BAAE,EAAAC,QAAQC,EAAQ,EAAAC,YAAa,EAAAC,YAAYT,QAAS,EAAAA,S,0BAC1F,yBAyBQ,SAzBAU,IAAK,EAAAL,IAAE,CACb,yBAuBM,MAvBN,EAuBM,CAtBJ,yBAkBM,MAlBN,EAkBM,CAjBJ,wBAAQ,oBACgB,EAAAM,OAAM,S,yBAA9B,yBAOM,MAPN,EAOM,CANJ,yBAEM,OAFDhB,MAAM,YAAiB,YAAS,+BAAE,EAAAiB,cAAY,IAAc,WAAQ,+BAAE,EAAAA,cAAY,K,CACrF,wBAAyB,kB,IAEG,EAAAA,c,yBAA9B,yBAEa,iB,MAFDC,KAAK,Q,YACf,iBAAqE,CAArE,yBAAqE,Q,WAA5D,iBAAkD,C,wGAGvC,EAAAF,OAAM,c,yBAA9B,yBAOM,MAPN,EAOM,CANJ,yBAEM,OAFDhB,MAAM,YAAiB,YAAS,+BAAE,EAAAiB,cAAY,IAAc,WAAQ,+BAAE,EAAAA,cAAY,K,CACrF,wBAA8B,uB,IAEF,EAAAA,c,yBAA9B,yBAEa,iB,MAFDC,KAAK,Q,YACf,iBAAqC,CAArC,yBAAqC,Q,WAA5B,iBAAkB,C,0GAIP,EAAAF,OAAM,U,yBAAhC,yBAEO,OAFP,EAEO,CADL,wBAA0B,qB,oFC1BrB,+BAAgB,CAC7BG,MAAO,CAAC,WACRC,MAAO,CACLV,GAAI,CACFD,KAAMY,OACNC,QAAS,GAEXjB,QAAS,CACPI,KAAM,CAACc,QAASF,QAChBC,QAAkB,GAEpBhB,SAAU,CACRG,KAAMc,QACND,SAAS,GAEXf,kBAAmB,CACjBE,KAAMc,QACND,SAAS,GAEXT,YAAa,CACXJ,KAAMe,MACNF,QAAS,iBAAM,KAEjBR,SAAU,CACRL,KAAMe,MACNF,QAAS,iBAAM,KAEjBd,qBAAsB,CACpBC,KAAMc,QACND,SAAS,IAGbG,WAAY,CACVC,UAAA,MAEFC,MAnC6B,SAmCvBP,EAnCuB,GAmCR,IAANQ,EAAM,EAANA,KACPX,EAAe,kBAAI,GACnBN,EAAU,SAACkB,EAAMhB,EAAaC,GAClCc,EAAK,UAAW,CAAEE,OAAQD,EAAMhB,YAAaA,EAAaC,SAAUA,KAEtE,MAAO,CAAEG,eAAcN,c,UCtC3B,EAAOT,OAASA,EAChB,EAAOC,UAAY,kBAEJ,U","file":"js/Company~Employee~Step3.40254913.js","sourcesContent":["<template>\n  <div class=\"spinner\"></div>\n</template>\n<style lang=\"sass\" scoped>\n.spinner\n    @include backgroundImage('loader.svg')\n    width: 10em\n    height: 5em\n    background-size: cover\n</style>\n","import { render } from \"./Loader.vue?vue&type=template&id=c6cc3664&scoped=true\"\nconst script = {}\n\nimport \"./Loader.vue?vue&type=style&index=0&id=c6cc3664&lang=sass&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-c6cc3664\"\n\nexport default script","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./OptionsCheckboxes.vue?vue&type=style&index=0&id=eadb0464&lang=sass&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Loader.vue?vue&type=style&index=0&id=c6cc3664&lang=sass&scoped=true\"","<template>\n  <div\n    ref=\"el\"\n    class=\"checkbox-wrap\"\n    :class=\"{ active: checked, disabled: disabled, disableifRequired: disableifRequired, 'super-admin-checkbox': isSuperAdminCheckbox }\"\n  >\n    <input type=\"checkbox\" :id=\"id\" @input=\"onCheck($event, packMembers, required)\" :checked=\"checked\" />\n    <label :for=\"id\">\n      <div class=\"inner-block\">\n        <div class=\"block\">\n          <slot />\n          <div class=\"info\" v-if=\"$slots['info']\">\n            <div class=\"info-wrap\" v-on:mouseover=\"activeOption = true\" v-on:mouseout=\"activeOption = false\">\n              <slot name=\"info\"></slot>\n            </div>\n            <transition name=\"fade\" v-if=\"activeOption\">\n              <Tooltip> Here comes extra information about this car type </Tooltip>\n            </transition>\n          </div>\n          <div class=\"info\" v-if=\"$slots['mandatory']\">\n            <div class=\"info-wrap\" v-on:mouseover=\"activeOption = true\" v-on:mouseout=\"activeOption = false\">\n              <slot name=\"mandatory\"></slot>\n            </div>\n            <transition name=\"fade\" v-if=\"activeOption\">\n              <Tooltip> Mandatory fields </Tooltip>\n            </transition>\n          </div>\n        </div>\n        <span class=\"price\" v-if=\"$slots['price']\">\n          <slot name=\"price\"></slot>\n        </span>\n      </div>\n    </label>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { ref, defineComponent } from 'vue'\nimport Tooltip from '@/components/UI/Tooltip.vue'\nexport default defineComponent({\n  emits: ['onCheck'],\n  props: {\n    id: {\n      type: Number,\n      default: 0\n    },\n    checked: {\n      type: [Boolean, Number],\n      default: false || 0\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    },\n    disableifRequired: {\n      type: Boolean,\n      default: false\n    },\n    packMembers: {\n      type: Array,\n      default: () => []\n    },\n    required: {\n      type: Array,\n      default: () => []\n    },\n    isSuperAdminCheckbox: {\n      type: Boolean,\n      default: false\n    }\n  },\n  components: {\n    Tooltip\n  },\n  setup(props, { emit }) {\n    const activeOption = ref(false)\n    const onCheck = (item, packMembers, required) => {\n      emit('onCheck', { option: item, packMembers: packMembers, required: required })\n    }\n    return { activeOption, onCheck }\n  }\n})\n</script>\n<style lang=\"sass\" scoped>\n.active.super-admin-checkbox\n  padding-bottom: 0\n  background: none\n.block\n  display: flex\n  flex-direction: column\n  flex: 1\n.info\n  margin-top: 0.3em\n.info-wrap\n  background: $colorHubbleLightPurple\n  width: fit-content\n  border-radius: 3px\n  height: 22px\n  display: flex\n  align-items: center\n  span\n    font-size: 12px\n    padding: 0.4em 0.6em\n    line-height: normal\n    display: flex\n    align-items: center\n.checkbox-wrap\n  display: flex\n  flex: 1\n  align-items: center\n  position: relative\n  border-radius: 5px\n  &.disabled\n    opacity: 0.5\n    pointer-events: none\n    input[type=\"checkbox\"] + label:before\n      border-color: $colorHubbleDarkGrey\n      background-color: $colorHubbleLightBackground\n  &.disableifRequired\n    pointer-events: none\n    input[type=\"checkbox\"] + label:before\n      border-color: $colorHubbleDarkGrey\n      background-color: $colorHubbleLightBackground\n      opacity: 0.5\n    input[type=\"checkbox\"]:checked + label:after\n      @include backgroundImage('checked.svg')\n      opacity: 0.4\n.inner-block\n  display: flex\n  align-items: flex-start\n  justify-content: space-between\n  flex: 1\n  padding-left: 2.4em\nlabel\n  width: 100%\n  height: 100%\n  box-sizing: border-box\nspan.price\n  font-size: 14px\n  color: $colorHubbleDarkGrey\n  margin-left: 0.3em\n.active\n  background-color: $colorHubbleLightPurple\n  border-radius: 5px\n  padding-bottom: 0.5em\n\ninput[type=\"checkbox\"]\n  position: absolute\n  opacity: 0\n\n  & + label\n    position: relative\n    cursor: pointer\n    padding: 0\n    display: flex\n    font-size: 14px\n    padding: 0.5rem\n    flex: 1.3\n  @media screen and (max-width: $mdBreakpoint)\n    padding-left: 5px\n\n  & + label:before\n    content: ''\n    width: 1.5em\n    height: 1.5em\n    margin-right: 0.6em\n    border-radius: 3px\n    display: inline-block\n    vertical-align: text-top\n    background-color: $colorHubbleLightPurple\n    border: 1px solid $colorHubble\n    box-sizing: border-box\n    position: absolute\n\n  &:checked + label:before\n    background: $colorWhite\n\n  &:checked + label .info-wrap\n    background: $colorWhite\n\n  &:checked + label:after\n    top: 14px\n    left: 10px\n    width: 14px\n    height: 10px\n    content: ''\n    position: absolute\n    @include backgroundImage('dark-checkmark.svg')\n</style>","\nimport { ref, defineComponent } from 'vue'\nimport Tooltip from '@/components/UI/Tooltip.vue'\nexport default defineComponent({\n  emits: ['onCheck'],\n  props: {\n    id: {\n      type: Number,\n      default: 0\n    },\n    checked: {\n      type: [Boolean, Number],\n      default: false || 0\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    },\n    disableifRequired: {\n      type: Boolean,\n      default: false\n    },\n    packMembers: {\n      type: Array,\n      default: () => []\n    },\n    required: {\n      type: Array,\n      default: () => []\n    },\n    isSuperAdminCheckbox: {\n      type: Boolean,\n      default: false\n    }\n  },\n  components: {\n    Tooltip\n  },\n  setup(props, { emit }) {\n    const activeOption = ref(false)\n    const onCheck = (item, packMembers, required) => {\n      emit('onCheck', { option: item, packMembers: packMembers, required: required })\n    }\n    return { activeOption, onCheck }\n  }\n})\n","import { render } from \"./OptionsCheckboxes.vue?vue&type=template&id=eadb0464&scoped=true\"\nimport script from \"./OptionsCheckboxes.vue?vue&type=script&lang=ts\"\nexport * from \"./OptionsCheckboxes.vue?vue&type=script&lang=ts\"\n\nimport \"./OptionsCheckboxes.vue?vue&type=style&index=0&id=eadb0464&lang=sass&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-eadb0464\"\n\nexport default script"],"sourceRoot":""}