this.BX = this.BX || {};
this.BX.Sale = this.BX.Sale || {};
this.BX.Sale.Checkout = this.BX.Sale.Checkout || {};
this.BX.Sale.Checkout.View = this.BX.Sale.Checkout.View || {};
this.BX.Sale.Checkout.View.Element = this.BX.Sale.Checkout.View.Element || {};
(function (exports,ui_type,ui_vue,main_core,main_core_events,sale_checkout_const,ui_entitySelector) {
	'use strict';

	ui_vue.BitrixVue.component('sale-checkout-view-element-input-product_item_quantity', {
	  props: ['item', 'index'],
	  data: function data() {
	    return {
	      quantity: this.item.quantity
	    };
	  },
	  methods: {
	    validate: function validate() {
	      main_core_events.EventEmitter.emit(sale_checkout_const.EventType.basket.inputChangeQuantityProduct, {
	        index: this.index
	      });
	    },
	    onKeyDown: function onKeyDown(e) {
	      if (['Enter'].indexOf(e.key) >= 0) {
	        this.$refs.container.blur();
	      }
	    }
	  },
	  computed: {
	    checkedClassObject: function checkedClassObject() {
	      return {
	        'checkout-item-quantity-field': true
	      };
	    }
	  },
	  // language=Vue
	  template: "\n      <input :class=\"checkedClassObject\" \n\t\t\t type=\"text\" \n\t\t\t inputmode=\"numeric\" \n             @blur=\"validate\"\n\t\t\t @keydown=\"onKeyDown\"\n             v-model=\"item.quantity\"\n             ref=\"container\"\n\t  />\n\t"
	});

	ui_vue.BitrixVue.component('sale-checkout-view-element-input-property-phone', {
	  props: ['item', 'index'],
	  methods: {
	    validate: function validate() {
	      main_core_events.EventEmitter.emit(sale_checkout_const.EventType.property.validate, {
	        index: this.index
	      });
	    },
	    onKeyDown: function onKeyDown(e) {
	      var value = e.key;

	      if (ui_type.PhoneFilter.replace(value) !== '') {
	        return;
	      }

	      if (['Esc', 'Delete', 'Backspace', 'Tab'].indexOf(e.key) >= 0) {
	        return;
	      }

	      if (e.ctrlKey || e.metaKey) {
	        return;
	      }

	      e.preventDefault();
	    },
	    onInput: function onInput() {
	      var value = ui_type.PhoneFormatter.formatValue(this.value);

	      if (this.value !== value) {
	        this.validate();
	        this.value = value;
	      }
	    }
	  },
	  computed: {
	    checkedClassObject: function checkedClassObject() {
	      return {
	        'is-invalid': this.item.validated === sale_checkout_const.Property.validate.failure,
	        'is-valid': this.item.validated === sale_checkout_const.Property.validate.successful
	      };
	    },
	    value: {
	      get: function get() {
	        return this.item.value;
	      },
	      set: function set(newValue) {
	        this.item.value = newValue;
	      }
	    },
	    isEmpty: function isEmpty() {
	      return this.item.value === '';
	    },
	    isRequired: function isRequired() {
	      return this.item.required === 'Y';
	    },
	    isAsteriskShown: function isAsteriskShown() {
	      return this.isEmpty && this.isRequired;
	    }
	  },
	  // language=Vue
	  template: "\n\t\t<div class=\"form-wrap form-asterisk\" :class=\"checkedClassObject\">\n\t\t\t<input \n\t\t\t\tclass=\"form-control form-control-lg\" \n\t\t\t\t:class=\"checkedClassObject\"\n\t\t\t\t@blur=\"validate\"\n\t\t\t\t@input=\"onInput\"\n\t\t\t\t@keydown=\"onKeyDown\"\n\t\t\t\tv-model=\"value\"\n\t\t\t\tautocomplete=\"tel\"\n\t\t\t\tinputmode=\"tel\"\n\t\t\t\t:placeholder=\"item.name\"\n\t\t\t/>\n\t\t\t<span\n\t\t\t\tclass=\"asterisk-item\"\n\t\t\t\tv-if=\"isAsteriskShown\"\n\t\t\t>\n\t\t\t\t{{item.name}}\n\t\t\t</span>\n\t\t</div>\n\t"
	});

	ui_vue.BitrixVue.component('sale-checkout-view-element-input-property-text', {
	  props: ['item', 'index', 'autocomplete'],
	  data: function data() {
	    return {
	      showAsterisk: this.showAsterisk
	    };
	  },
	  methods: {
	    validate: function validate() {
	      main_core_events.EventEmitter.emit(sale_checkout_const.EventType.property.validate, {
	        index: this.index
	      });
	    },
	    onKeyUp: function onKeyUp(e) {
	      if (['Esc', 'Tab'].indexOf(e.key) >= 0) {
	        return;
	      }

	      if (e.ctrlKey || e.metaKey) {
	        return;
	      }

	      if (this.isKeyAndroidChrome(e.key)) {
	        this.hideAsteriskAndroid();
	        return;
	      }

	      this.validate();
	    },
	    isKeyAndroidChrome: function isKeyAndroidChrome(key) {
	      return key === 'Unidentified';
	    },
	    hideAsteriskAndroid: function hideAsteriskAndroid() {
	      var asterisk = this.$el.getElementsByTagName('span')[0];
	      asterisk.style.display = 'none';
	    }
	  },
	  computed: {
	    checkedClassObject: function checkedClassObject() {
	      return {
	        'is-invalid': this.item.validated === sale_checkout_const.Property.validate.failure,
	        'is-valid': this.item.validated === sale_checkout_const.Property.validate.successful
	      };
	    },
	    isEmpty: function isEmpty() {
	      return this.item.value === '';
	    },
	    isRequired: function isRequired() {
	      return this.item.required === 'Y';
	    },
	    isAsteriskShown: function isAsteriskShown() {
	      return this.isEmpty && this.isRequired;
	    }
	  },
	  // language=Vue
	  template: "\n\t\t<div class=\"form-wrap form-asterisk\" :class=\"checkedClassObject\">\n\t\t\t<input\n\t\t\t\tclass=\"form-control form-control-lg\"\n\t\t\t\t:class=\"checkedClassObject\"\n\t\t\t\t@blur=\"validate\"\n\t\t\t\ttype=\"text\"\n\t\t\t\t:placeholder=\"item.name\"\n\t\t\t\t:autocomplete=\"autocomplete\"\n\t\t\t\tv-model=\"item.value\"\n\t\t\t\t@keyup=\"onKeyUp\"\n\t\t\t/>\n\t\t\t<span \n\t\t\t\tclass=\"asterisk-item\"\n\t\t\t\tv-if=\"isAsteriskShown\"\n\t\t\t>\n\t\t\t\t{{item.name}}\n\t\t\t</span>\n\t\t</div>\n\t"
	});

	ui_vue.BitrixVue.component('sale-checkout-view-element-input-property-email', {
	  props: ['item', 'index', 'autocomplete'],
	  methods: {
	    validate: function validate() {
	      main_core_events.EventEmitter.emit(sale_checkout_const.EventType.property.validate, {
	        index: this.index
	      });
	    },
	    onKeyUp: function onKeyUp(e) {
	      if (['Esc', 'Tab'].indexOf(e.key) >= 0) {
	        return;
	      }

	      if (e.ctrlKey || e.metaKey) {
	        return;
	      }

	      if (this.isKeyAndroidChrome(e.key)) {
	        this.hideAsteriskAndroid();
	        return;
	      }

	      this.validate();
	    },
	    isKeyAndroidChrome: function isKeyAndroidChrome(key) {
	      return key === 'Unidentified';
	    },
	    hideAsteriskAndroid: function hideAsteriskAndroid() {
	      var asterisk = this.$el.getElementsByTagName('span')[0];
	      asterisk.style.display = 'none';
	    }
	  },
	  computed: {
	    checkedClassObject: function checkedClassObject() {
	      return {
	        'is-invalid': this.item.validated === sale_checkout_const.Property.validate.failure,
	        'is-valid': this.item.validated === sale_checkout_const.Property.validate.successful
	      };
	    },
	    isEmpty: function isEmpty() {
	      return this.item.value === '';
	    },
	    isRequired: function isRequired() {
	      return this.item.required === 'Y';
	    },
	    isAsteriskShown: function isAsteriskShown() {
	      return this.isEmpty && this.isRequired;
	    }
	  },
	  // language=Vue
	  template: "\n\t\t<div class=\"form-wrap form-asterisk\" :class=\"checkedClassObject\">\n\t\t\t<input\n\t\t\t\tclass=\"form-control form-control-lg\"\n\t\t\t\t:class=\"checkedClassObject\"\n\t\t\t\t@blur=\"validate\"\n\t\t\t\ttype=\"text\"\n\t\t\t\tinputmode=\"email\"\n\t\t\t\t:placeholder=\"item.name\"\n\t\t\t\t:autocomplete=\"autocomplete\"\n\t\t\t\tv-model=\"item.value\"\n\t\t\t\t@keyup=\"onKeyUp\"\n\t\t\t/>\n\t\t\t<span\n\t\t\t\tclass=\"asterisk-item\"\n\t\t\t\tv-if=\"isAsteriskShown\"\n\t\t\t>\n\t\t\t\t{{item.name}}\n\t\t\t</span>\n\t\t</div>\n\t"
	});

	ui_vue.BitrixVue.component('sale-checkout-view-element-input-property-number', {
	  props: ['item', 'index'],
	  methods: {
	    validate: function validate() {
	      main_core_events.EventEmitter.emit(sale_checkout_const.EventType.property.validate, {
	        index: this.index
	      });
	    },
	    onKeyDown: function onKeyDown(e) {
	      if (!isNaN(Number(e.key)) && e.key !== ' ') {
	        return;
	      }

	      if (e.ctrlKey || e.metaKey || ['Esc', 'Tab', 'Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', '.'].indexOf(e.key) >= 0) {
	        return;
	      }

	      e.preventDefault();
	    },
	    onPaste: function onPaste(e) {
	      e.preventDefault();
	      var pastedText = e.clipboardData.getData('Text');

	      if (!isNaN(Number(pastedText))) {
	        this.item.value = pastedText.trim();
	      }

	      this.validate();
	    }
	  },
	  computed: {
	    checkedClassObject: function checkedClassObject() {
	      return {
	        'is-invalid': this.item.validated === sale_checkout_const.Property.validate.failure,
	        'is-valid': this.item.validated === sale_checkout_const.Property.validate.successful
	      };
	    },
	    isEmpty: function isEmpty() {
	      return this.item.value === '';
	    },
	    isRequired: function isRequired() {
	      return this.item.required === 'Y';
	    },
	    isAsteriskShown: function isAsteriskShown() {
	      return this.isEmpty && this.isRequired;
	    }
	  },
	  // language=Vue
	  template: "\n\t\t<div class=\"form-wrap form-asterisk\" :class=\"checkedClassObject\">\n\t\t\t<input\n\t\t\t\tclass=\"form-control form-control-lg\"\n\t\t\t\t:class=\"checkedClassObject\"\n\t\t\t\t@blur=\"validate\"\n\t\t\t\t@keydown=\"onKeyDown\"\n\t\t\t\t@keyup=\"validate\"\n\t\t\t\t@paste=\"onPaste\"\n\t\t\t\ttype=\"text\"\n\t\t\t\tinputmode=\"numeric\"\n\t\t\t\t:placeholder=\"item.name\"\n\t\t\t\tv-model=\"item.value\"\n\t\t\t/>\n\t\t\t<span\n\t\t\t\tclass=\"asterisk-item\"\n\t\t\t\tv-if=\"isAsteriskShown\"\n\t\t\t>\n\t\t\t\t{{item.name}}\n\t\t\t</span>\n\t\t</div>\n\t"
	});

	ui_vue.BitrixVue.component('sale-checkout-view-element-input-property-checkbox', {
	  props: ['item', 'index'],
	  data: function data() {
	    return {
	      'showValue': this.item.value === 'Y'
	    };
	  },
	  methods: {
	    validate: function validate() {
	      main_core_events.EventEmitter.emit(sale_checkout_const.EventType.property.validate, {
	        index: this.index
	      });
	    }
	  },
	  computed: {
	    checkedClassObject: function checkedClassObject() {
	      return {
	        'is-invalid': this.item.validated === sale_checkout_const.Property.validate.failure,
	        'is-valid': this.item.validated === sale_checkout_const.Property.validate.successful
	      };
	    },
	    switchValue: {
	      get: function get() {
	        this.showValue = this.item.value === 'Y';
	        return this.item.value === 'Y';
	      },
	      set: function set(value) {
	        if (value) {
	          this.item.value = 'Y';
	          this.showValue = true;
	        } else {
	          this.item.value = 'N';
	          this.showValue = false;
	        }

	        this.validate();
	      }
	    },
	    isAsteriskShown: function isAsteriskShown() {
	      return this.item.required === 'Y';
	    }
	  },
	  // language=Vue
	  template: "\n\t\t<div class=\"form-wrap form-control form-control-lg border-0 pl-0 form-asterisk\" :class=\"checkedClassObject\">\n\t\t\t<input\n\t\t\t\t@blur=\"validate\"\n\t\t\t\ttype=\"checkbox\"\n\t\t\t\t:id=\"item.name\"\n\t\t\t\t:value=\"showValue\"\n\t\t\t\tv-model=\"switchValue\"\n\t\t\t/>\n\t\t\t<label :for=\"item.name\" class=\"ml-2\">{{item.name}}</label>\n\t\t\t<div \n\t\t\t\tclass=\"asterisk-item\"\n\t\t\t\tv-if=\"isAsteriskShown\"\n\t\t\t>\n\t\t\t</div>\n\t\t</div>\n\t"
	});

	ui_vue.BitrixVue.component('sale-checkout-view-element-input-property-date', {
	  props: ['item', 'index', 'autocomplete', 'isDateTime'],
	  methods: {
	    onClick: function onClick() {
	      this.showCalendar();
	      this.focusOnInput();
	    },
	    focusOnInput: function focusOnInput() {
	      var element = this.$el.children[0];
	      element.focus();
	    },
	    showCalendar: function showCalendar() {
	      var _this = this;

	      BX.calendar({
	        node: this.item.name,
	        field: this.item.name,
	        bTime: this.isDateTime,
	        bUseSecond: false,
	        callback_after: function callback_after(data) {
	          return _this.handleDate(data);
	        }
	      });
	    },
	    handleDate: function handleDate(date) {
	      var dateString = this.prepareDate(date);
	      this.changeValue(dateString);
	    },
	    prepareDate: function prepareDate(date) {
	      if (this.isDateTime === true) {
	        return date.toLocaleString([], {
	          day: '2-digit',
	          month: '2-digit',
	          year: 'numeric',
	          hour: 'numeric',
	          minute: 'numeric'
	        }).replace(',', '');
	      } else {
	        return date.toLocaleDateString().replace(',', '');
	      }
	    },
	    blur: function blur() {
	      if (main_core.Type.isStringFilled(this.item.value)) {
	        this.changeValue(this.item.value);
	      }
	    },
	    changeValue: function changeValue(value) {
	      var changeValue = '';

	      if (main_core.Type.isStringFilled(value)) {
	        changeValue = this.validateDate(value) ? this.prepareDate(BX.parseDate(value)) : this.previousValue;
	      }

	      this.setDate(changeValue);
	      this.validate();
	    },
	    validateDate: function validateDate(value) {
	      var date = BX.parseDate(value);
	      return date && date.toLocaleDateString() !== 'Invalid Date';
	    },
	    validate: function validate() {
	      main_core_events.EventEmitter.emit(sale_checkout_const.EventType.property.validate, {
	        index: this.index
	      });
	    },
	    setDate: function setDate(date) {
	      this.item.value = date;
	      this.previousValue = date;
	    }
	  },
	  computed: {
	    checkedClassObject: function checkedClassObject() {
	      return {
	        'is-invalid': this.item.validated === sale_checkout_const.Property.validate.failure,
	        'is-valid': this.item.validated === sale_checkout_const.Property.validate.successful
	      };
	    },
	    isEmpty: function isEmpty() {
	      return this.item.value === '';
	    },
	    isRequired: function isRequired() {
	      return this.item.required === 'Y';
	    },
	    isAsteriskShown: function isAsteriskShown() {
	      return this.isEmpty && this.isRequired;
	    }
	  },
	  // language=Vue
	  template: "\n\t\t<div class=\"form-wrap form-asterisk\">\n\t\t\t<input\n\t\t\t\tclass=\"form-control form-control-lg\"\n\t\t\t\t:class=\"checkedClassObject\"\n\t\t\t\t@blur=\"blur\"\n\t\t\t\ttype=\"text\"\n\t\t\t\tinputmode=\"numeric\"\n\t\t\t\t:name=\"item.name\"\n\t\t\t\t@click=\"onClick\"\n\t\t\t\t@drop=\"(e) => e.preventDefault()\"\n\t\t\t\t@dragstart=\"(e) => e.preventDefault()\"\n\t\t\t\t@paste=\"(e) => e.preventDefault()\"\n\t\t\t\t:autocomplete=\"autocomplete\"\n\t\t\t\t:placeholder=\"item.name\"\n\t\t\t\tv-model=\"item.value\"\n\t\t\t/>\n\t\t\t<span\n\t\t\t\tclass=\"asterisk-item\"\n\t\t\t\tv-if=\"isAsteriskShown\"\n\t\t\t>\n\t\t\t\t{{item.name}}\n\t\t\t</span>\n\t\t</div>\n\t"
	});

	var _templateObject;
	ui_vue.BitrixVue.component('sale-checkout-view-element-input-property-enum', {
	  props: ['item', 'index', 'variants'],
	  mounted: function mounted() {
	    this.createDialog();
	  },
	  methods: {
	    createDialog: function createDialog() {
	      this.popupMenu = new ui_entitySelector.Dialog({
	        targetNode: this.$el,
	        dropdownMode: true,
	        showAvatars: false,
	        compactView: true,
	        focusOnFirst: false,
	        multiple: false,
	        items: this.getMenuItems(),
	        events: {
	          'Item:onSelect': this.onSelect,
	          'Item:onDeselect': this.onDeselect
	        },
	        footer: this.item.required === 'Y' ? '' : this.getFooter()
	      });
	      main_core.Dom.style(this.popupMenu.getContainer(), 'width', "".concat(this.$el.clientWidth, "px"));
	      main_core.Dom.style(this.popupMenu.getContainer(), 'height', '100%');
	      window.addEventListener('resize', this.onResize.bind(this));
	    },
	    getMenuItems: function getMenuItems() {
	      var items = [];

	      for (var index in this.variants) {
	        var variant = this.variants[index];
	        items.push({
	          id: variant.id,
	          entityId: 'item',
	          tabs: 'recents',
	          title: variant.name,
	          selected: this.item.value === variant.value,
	          customData: {
	            value: variant.value
	          }
	        });
	      }

	      return items;
	    },
	    deselectAll: function deselectAll() {
	      this.item.value = '';
	      this.popupMenu.deselectAll();
	      this.popupMenu.hide();
	    },
	    onSelect: function onSelect(e) {
	      var selectedItem = e.getData().item.getDialog().getSelectedItems()[0];
	      this.$el.value = selectedItem.getTitle();
	      var customData = Object.fromEntries(selectedItem.getCustomData());
	      this.item.value = customData.value;
	      this.validate();
	    },
	    onDeselect: function onDeselect() {
	      this.item.value = '';
	      this.popupMenu.hide();
	      this.validate();
	    },
	    getFooter: function getFooter() {
	      return BX.Tag.render(_templateObject || (_templateObject = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t\t<span onclick=\"", "\" class=\"ui-selector-footer-link\">\n\t\t\t\t\t", "\n\t\t\t\t\t</span>"])), this.deselectAll, this.localize.CHECKOUT_VIEW_PROPERTY_LIST_ENUM_RESET_CHOICE);
	    },
	    validate: function validate() {
	      main_core_events.EventEmitter.emit(sale_checkout_const.EventType.property.validate, {
	        index: this.index
	      });
	    },
	    onKeyDown: function onKeyDown(e) {
	      if (['Esc', 'Tab'].indexOf(e.key) >= 0) {
	        return;
	      }

	      e.preventDefault();
	    },
	    render: function render() {
	      this.popupMenu.show();
	    },
	    onResize: function onResize() {
	      main_core.Dom.style(this.popupMenu.getContainer(), 'width', "".concat(this.$el.clientWidth, "px"));
	    }
	  },
	  computed: {
	    localize: function localize() {
	      return Object.freeze(ui_vue.BitrixVue.getFilteredPhrases('CHECKOUT_VIEW_PROPERTY_LIST_'));
	    },
	    checkedClassObject: function checkedClassObject() {
	      return {
	        'is-invalid': this.item.validated === sale_checkout_const.Property.validate.failure,
	        'is-valid': this.item.validated === sale_checkout_const.Property.validate.successful
	      };
	    },
	    getObjectClass: function getObjectClass() {
	      var classes = {
	        'form-control': true,
	        'form-control-lg': true,
	        'ui-ctl': true,
	        'p-0': true,
	        'border-0': this.item.validated === sale_checkout_const.Property.validate.unvalidated
	      };
	      return Object.assign(classes, this.checkedClassObject);
	    },
	    getSelectClass: function getSelectClass() {
	      return {
	        'property-enum-desktop': true,
	        'form-control': true,
	        'form-control-lg': true,
	        'ui-ctl-element': true,
	        'bg-transparent': true,
	        'border-0': this.item.validated !== sale_checkout_const.Property.validate.unvalidated
	      };
	    },
	    defaultValue: function defaultValue() {
	      var _this = this;

	      if (this.item.value !== '') {
	        return this.variants.find(function (e) {
	          return e.value === _this.item.value;
	        }).name;
	      }

	      return '';
	    },
	    isEmpty: function isEmpty() {
	      return this.item.value === '';
	    },
	    isRequired: function isRequired() {
	      return this.item.required === 'Y';
	    },
	    isAsteriskShown: function isAsteriskShown() {
	      return this.isEmpty && this.isRequired;
	    }
	  },
	  // language=Vue
	  template: "\n\t\t<div\n            class=\"form-wrap form-asterisk\"\n\t\t\t:class=\"getObjectClass\"\n\t\t\t@blur=\"validate\"\n\t\t>\n\t\t\t<div class=\"ui-ctl-after ui-ctl-icon-angle\"></div>\n\t\t\t<input\n\t\t\t\treadonly\n\t\t\t\t@click=\"render\"\n\t\t\t\t@keydown=\"onKeyDown\"\n\t\t\t\t:class=\"getSelectClass\"\n\t\t\t\t:placeholder=\"item.name\"\n\t\t\t\t:value=\"defaultValue\"\n\t\t\t>\n            <span\n\t\t\t\tclass=\"asterisk-item\"\n\t\t\t\tv-if=\"isAsteriskShown\"\n\t\t\t>\n\t\t\t\t{{item.name}}\n\t\t\t</span>\n\t\t</div>\n\t"
	});

}((this.BX.Sale.Checkout.View.Element.Input = this.BX.Sale.Checkout.View.Element.Input || {}),BX.Ui,BX,BX,BX.Event,BX.Sale.Checkout.Const,BX.UI.EntitySelector));
//# sourceMappingURL=registry.bundle.js.map