{"version":3,"file":"CNE6rtiE.js","sources":["../../../../node_modules/@smenaspace/ui-layer/components/loader/Loader.vue","../../../../node_modules/@smenaspace/ui-layer/components/button/Button.vue","../../../../node_modules/@smenaspace/ui-layer/components/status/Status.vue"],"sourcesContent":["<script setup lang=\"ts\">\ntype Props = {\n  size?: number | string\n  color?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  size: 24,\n  color: 'currentColor',\n})\n\nconst componentStyles = computed(() => {\n  return {\n    width: `${props.size}px`,\n    height: `${props.size}px`,\n  }\n})\n</script>\n\n<template>\n  <span class=\"app-loader\">\n    <span class=\"app-loader__icon\" :style=\"componentStyles\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 43.636 43.636\">\n        <circle\n          fill=\"transparent\"\n          cx=\"50%\"\n          cy=\"50%\"\n          r=\"20\"\n          stroke-width=\"3.5\"\n          stroke-dasharray=\"125\"\n          stroke-dashoffset=\"125\"\n          :stroke=\"color\"\n        />\n      </svg>\n    </span>\n  </span>\n</template>\n\n<style lang=\"scss\" scoped>\n.app-loader {\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n\n  &__icon {\n    svg {\n      transition: all 0.2s ease-in-out;\n      transform: rotate(-90deg);\n      transform-origin: center center;\n      animation: app-loader-rotate 1.4s linear infinite;\n    }\n\n    circle {\n      z-index: 2;\n      stroke-dasharray: 25, 200;\n      stroke-dashoffset: 0;\n      stroke-linecap: round;\n      transition: all 0.2s ease-in-out, stroke-width 0s;\n      transform: rotate(-90deg);\n      transform-origin: center center;\n      animation: app-loader-dash 1.4s ease-in-out infinite,\n        app-loader-rotate 1.4s linear infinite;\n    }\n  }\n}\n\n@keyframes app-loader-rotate {\n  100% {\n    transform: rotate(270deg);\n  }\n}\n\n@keyframes app-loader-dash {\n  0% {\n    stroke-dasharray: 1, 200;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 100, 200;\n    stroke-dashoffset: -15px;\n  }\n  100% {\n    stroke-dasharray: 100, 200;\n    stroke-dashoffset: -124px;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport type { IconsKeys } from '../icon/types'\n\ntype Variant = 'primary' | 'secondary' | 'tertiary' | 'transparent'\n\ntype Size = 'sm' | 'md'\n\ntype FontSize = 'sm' | 'md'\n\ntype Radius = 'sm' | 'lg'\n\ntype Props = {\n  variant?: Variant\n  size?: Size\n  font?: FontSize\n  radius?: Radius\n  disabled?: boolean\n  loading?: boolean\n  icon?: IconsKeys\n  iconSize?: number | string\n  indentLeft?: boolean\n  alignLeft?: boolean\n  block?: boolean\n  ripple?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'primary',\n  size: 'md',\n  font: 'md',\n  radius: 'sm',\n  iconSize: 24,\n  ripple: true,\n})\n\nconst slots = useSlots()\nconst attrs = useAttrs()\n\nconst component = computed(() => {\n  if (attrs.href) return 'a'\n\n  if (attrs.to) return resolveComponent('NuxtLink')\n\n  return 'button'\n})\n\nconst isOnlyIcon = computed(() => {\n  return Boolean(props.icon) && !Object.keys(slots).length\n})\n\nconst tabIndex = computed(() => {\n  return props.disabled ? -1 : 0\n})\n\nconst componentClasses = computed(() => {\n  const classes = [\n    'app-button',\n    `app-button--variant-${props.variant}`,\n    `app-button--size-${props.size}`,\n    `app-button--font-${props.font}`,\n    `app-button--radius-${props.radius}`,\n  ]\n\n  if (props.indentLeft) classes.push('app-button--indent-left')\n\n  if (props.alignLeft) classes.push('app-button--align-left')\n\n  if (props.block) classes.push('app-button--block')\n\n  if (props.disabled) classes.push('app-button--disabled')\n\n  if (props.loading) classes.push('app-button--loading')\n\n  if (slots['text-prepend']) classes.push('app-button--text-prepend')\n\n  if (slots['text-top']) classes.push('app-button--text-top')\n\n  if (slots['text-bottom']) classes.push('app-button--text-bottom')\n\n  if (isOnlyIcon.value) classes.push('app-button--only-icon')\n\n  return classes\n})\n\nconst componentStyles = computed(() => {\n  if (attrs.width) {\n    return { width: `${attrs.width}px` }\n  }\n\n  return {}\n})\n</script>\n\n<template>\n  <component\n    :is=\"component\"\n    v-ripple=\"ripple\"\n    v-bind=\"$attrs\"\n    :class=\"componentClasses\"\n    :style=\"componentStyles\"\n    :tabindex=\"tabIndex\"\n    :disabled=\"disabled\"\n  >\n    <the-loader v-if=\"loading\" />\n\n    <span class=\"app-button__content\">\n      <the-icon\n        v-if=\"icon\"\n        class=\"app-button__icon\"\n        :name=\"icon\"\n        :size=\"iconSize\"\n      />\n\n      <span v-if=\"slots['text-prepend']\">\n        <slot name=\"text-prepend\" />\n      </span>\n\n      <slot />\n\n      <span v-if=\"slots['text-top']\" class=\"app-button__text\">\n        <slot name=\"text-top\" />\n      </span>\n\n      <span v-if=\"slots['text-bottom']\" class=\"app-button__text\">\n        <slot name=\"text-bottom\" />\n      </span>\n\n      <slot name=\"append\" />\n    </span>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n@import '../../assets/ui-layer/styles/mixins';\n\n.app-button {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  max-width: 100%;\n  padding: 0 16px;\n  font-weight: 800;\n  text-decoration: none;\n  text-transform: initial;\n  letter-spacing: -0.02em;\n  user-select: none;\n  border: none;\n  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n\n  /* Elements */\n  &__content {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    white-space: nowrap;\n    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  &__icon {\n    position: absolute;\n    left: 16px;\n\n    :deep(svg) {\n      fill: currentColor;\n      stroke: currentColor;\n    }\n  }\n\n  &__text {\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 16px;\n  }\n\n  /* States */\n  &--indent-left {\n    padding-left: 48px;\n  }\n\n  &--align-left {\n    .app-button__content {\n      align-items: flex-start;\n    }\n  }\n\n  &--text-prepend {\n    .app-button__content {\n      justify-content: space-between;\n    }\n  }\n\n  &--text-top {\n    .app-button__text {\n      margin-bottom: -2px;\n    }\n\n    .app-button__content {\n      flex-direction: column-reverse;\n      gap: 0;\n    }\n  }\n\n  &--text-bottom {\n    .app-button__content {\n      flex-direction: column;\n      gap: 0;\n    }\n  }\n\n  &--block {\n    width: 100%;\n  }\n\n  &--disabled {\n    pointer-events: none;\n    opacity: 0.5;\n  }\n\n  &--loading {\n    pointer-events: none;\n\n    .app-button__content {\n      opacity: 0;\n    }\n  }\n\n  &--only-icon {\n    padding: 0 !important;\n\n    .app-button__icon {\n      position: static;\n    }\n  }\n\n  /* Variant */\n  &--variant-primary {\n    color: var(--ui-white);\n    background-color: var(--ui-primary);\n\n    @include media('>=desktop-mini') {\n      &:hover {\n        background-color: var(--ui-primary--hover);\n      }\n    }\n  }\n\n  &--variant-secondary {\n    color: var(--ui-white);\n    background-color: var(--ui-secondary);\n\n    @include media('>=desktop-mini') {\n      &:hover {\n        background-color: var(--ui-secondary--hover);\n      }\n    }\n  }\n\n  &--variant-tertiary {\n    color: var(--ui-text-primary);\n    background-color: var(--ui-grey);\n\n    @include media('>=desktop-mini') {\n      &:hover {\n        background-color: var(--ui-grey--hover);\n      }\n    }\n  }\n\n  &--variant-transparent {\n    &:not(.app-button--only-icon) {\n      color: var(--ui-primary);\n      background-color: transparent;\n\n      @include media('>=desktop-mini') {\n        &:hover {\n          background-color: var(--ui-peach);\n        }\n      }\n    }\n  }\n\n  /* Size */\n  &--size-sm {\n    min-width: 40px;\n    min-height: 40px;\n  }\n\n  &--size-md {\n    min-width: 50px;\n    min-height: 50px;\n  }\n\n  /* Font Size */\n  &--font-sm {\n    font-size: 12px;\n    line-height: 16px;\n  }\n\n  &--font-md {\n    font-size: 16px;\n    line-height: 20px;\n  }\n\n  /* Radius */\n  &--radius-sm {\n    border-radius: 10px;\n  }\n\n  &--radius-lg {\n    border-radius: 100px;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\ntype Props = {\n  bgColor?: string\n  textColor?: string\n  text: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  bgColor: '',\n  textColor: '',\n})\n\nconst style = computed(() => {\n  const styles: Partial<Record<string, string>> = {}\n\n  if (props.bgColor) styles['--backgroundColor'] = props.bgColor\n  if (props.textColor) styles['--textColor'] = props.textColor\n\n  return styles\n})\n</script>\n\n<template>\n  <span class=\"app-status\" :style=\"style\">\n    {{ text }}\n  </span>\n</template>\n\n<style lang=\"scss\" scoped>\n.app-status {\n  display: inline-block;\n  max-width: 155px;\n  height: 24px;\n  padding: 4px 8px;\n  overflow: hidden;\n  font-size: 12px;\n  font-weight: 800;\n  line-height: 16px;\n  color: var(--textColor, #ffffff);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  user-select: none;\n  background-color: var(--backgroundColor, #423d7e);\n  border-radius: 100px;\n}\n</style>\n"],"names":["props","__props","componentStyles","computed","slots","useSlots","attrs","useAttrs","component","__nuxt_component_0","isOnlyIcon","tabIndex","componentClasses","classes","style","styles"],"mappings":";;yxBAMA,MAAMA,EAAQC,EAKRC,EAAkBC,EAAS,KACxB,CACL,MAAO,GAAGH,EAAM,IAAI,KACpB,OAAQ,GAAGA,EAAM,IAAI,IAAA,EAExB,ytBCUD,MAAMA,EAAQC,EASRG,EAAQC,IACRC,EAAQC,IAERC,EAAYL,EAAS,IACrBG,EAAM,KAAa,IAEnBA,EAAM,GAAWG,EAEd,QACR,EAEKC,EAAaP,EAAS,IACnB,EAAQH,EAAM,MAAS,CAAC,OAAO,KAAKI,CAAK,EAAE,MACnD,EAEKO,EAAWR,EAAS,IACjBH,EAAM,SAAW,GAAK,CAC9B,EAEKY,EAAmBT,EAAS,IAAM,CACtC,MAAMU,EAAU,CACd,aACA,uBAAuBb,EAAM,OAAO,GACpC,oBAAoBA,EAAM,IAAI,GAC9B,oBAAoBA,EAAM,IAAI,GAC9B,sBAAsBA,EAAM,MAAM,EAAA,EAGpC,OAAIA,EAAM,YAAoBa,EAAA,KAAK,yBAAyB,EAExDb,EAAM,WAAmBa,EAAA,KAAK,wBAAwB,EAEtDb,EAAM,OAAea,EAAA,KAAK,mBAAmB,EAE7Cb,EAAM,UAAkBa,EAAA,KAAK,sBAAsB,EAEnDb,EAAM,SAAiBa,EAAA,KAAK,qBAAqB,EAEjDT,EAAM,cAAc,GAAGS,EAAQ,KAAK,0BAA0B,EAE9DT,EAAM,UAAU,GAAGS,EAAQ,KAAK,sBAAsB,EAEtDT,EAAM,aAAa,GAAGS,EAAQ,KAAK,yBAAyB,EAE5DH,EAAW,OAAeG,EAAA,KAAK,uBAAuB,EAEnDA,CAAA,CACR,EAEKX,EAAkBC,EAAS,IAC3BG,EAAM,MACD,CAAE,MAAO,GAAGA,EAAM,KAAK,MAGzB,EACR,m0BCnFD,MAAMN,EAAQC,EAKRa,EAAQX,EAAS,IAAM,CAC3B,MAAMY,EAA0C,CAAA,EAEhD,OAAIf,EAAM,UAAgBe,EAAA,mBAAmB,EAAIf,EAAM,SACnDA,EAAM,YAAkBe,EAAA,aAAa,EAAIf,EAAM,WAE5Ce,CAAA,CACR","debug_id":"10f129f5-d11c-563c-9221-9343d06c225f"}