@onereach/ui-components 2.63.0 → 2.64.0-beta.1939.0

package/dist/v2/OrButton-56baef5e.js

@@ -1,74 +0,0 @@
-import { s as script } from './OrIconButton.vue_rollup-plugin-vue_styles.0-dc224e53.js';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-
-/* script */
-const __vue_script__ = script;
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('button', {
-    staticClass: "or-button",
-    class: _vm.states,
-    attrs: {
-      "disabled": _vm.isDisabled,
-      "type": _vm.htmlButtonType
-    },
-    on: {
-      "click": _vm.handleButtonClick,
-      "focus": function ($event) {
-        return _vm.$emit('focus', $event);
-      },
-      "blur": function ($event) {
-        return _vm.$emit('blur', $event);
-      }
-    }
-  }, [_vm.isLoading ? _c('or-loader', {
-    attrs: {
-      "type": _vm.loadingType,
-      "text-type-label": _vm.loadingText
-    }
-  }) : _vm._e(), _vm._v(" "), _c('span', {
-    staticClass: "or-button-content",
-    style: _vm.isContentVisible
-  }, [_vm._t("prepend", function () {
-    return [_vm.showLeftIcon ? _c('or-icon', {
-      staticClass: "or-button-left-icon",
-      attrs: {
-        "icon": _vm.icon
-      }
-    }) : _vm._e()];
-  }), _vm._v(" "), _vm._t("default", function () {
-    return [_vm._v("\n      " + _vm._s(_vm.content) + "\n    ")];
-  }), _vm._v(" "), _vm._t("append", function () {
-    return [_vm.showRightIcon ? _c('or-icon', {
-      staticClass: "or-button-right-icon",
-      attrs: {
-        "icon": _vm.icon
-      }
-    }) : _vm._e()];
-  })], 2)], 1);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = undefined;
-/* scoped */
-const __vue_scope_id__ = "data-v-6515ae1e";
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__ = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__,
-  staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
-
-export { __vue_component__ as _ };

package/dist/v2/OrCard-c44d9783.js

@@ -1,65 +0,0 @@
-import { defineComponent } from 'vue-demi';
-import { s as styleInject } from './style-inject.es-4c6f2515.js';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-
-var script = defineComponent({
-  name: 'OrCard',
-  props: {
-    active: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ['click'],
-  computed: {
-    rootClasses() {
-      return ['or-card', {
-        'or-card-active': this.active
-      }];
-    }
-  }
-});
-
-var css_248z = "@keyframes spinAround-data-v-e79c6e94{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-e79c6e94{from{opacity:1}to{opacity:0}}.or-card[data-v-e79c6e94]{min-width:242px;min-height:74px;margin:var(--s-4);background:var(--c-neutral-0);border-radius:4px;box-shadow:0 1px 2px 0 rgba(30,35,43,.3)}.or-card .or-card-content[data-v-e79c6e94]{padding:var(--s-4)}.or-card[data-v-e79c6e94]:hover{box-shadow:0 1px 6px 1px rgba(30,35,43,.25)}.or-card.or-card-active[data-v-e79c6e94],.or-card[data-v-e79c6e94]:active{box-shadow:0 1px 6px 1px rgba(30,35,43,.25);background:var(--c-neutral-1)}";
-styleInject(css_248z);
-
-/* script */
-const __vue_script__ = script;
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', {
-    class: _vm.rootClasses,
-    on: {
-      "click": function ($event) {
-        return _vm.$emit('click', $event);
-      }
-    }
-  }, [_c('div', {
-    staticClass: "or-card-content"
-  }, [_vm._t("default")], 2)]);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = undefined;
-/* scoped */
-const __vue_scope_id__ = "data-v-e79c6e94";
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__ = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__,
-  staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
-
-export { __vue_component__ as _ };

package/dist/v2/OrCardCollection-7855a802.js

@@ -1,222 +0,0 @@
-import { defineComponent, ref } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrCard-c44d9783.js';
-import { _ as __vue_component__$2 } from './OrIcon-7cd10497.js';
-import './OrSearch.vue_rollup-plugin-vue_styles.0-aafbcd86.js';
-import { _ as __vue_component__$3 } from './OrSearch-b228915a.js';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-dc224e53.js';
-import { _ as __vue_component__$4 } from './OrIconButton-cab39659.js';
-import { s as styleInject } from './style-inject.es-4c6f2515.js';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-
-var CARD_COLLECTION_LAYOUT;
-(function (CARD_COLLECTION_LAYOUT) {
-  CARD_COLLECTION_LAYOUT["GRID"] = "grid";
-  CARD_COLLECTION_LAYOUT["LIST"] = "list";
-})(CARD_COLLECTION_LAYOUT || (CARD_COLLECTION_LAYOUT = {}));
-
-var script = defineComponent({
-  name: 'OrCardCollection',
-  components: {
-    OrCard: __vue_component__$1,
-    OrIcon: __vue_component__$2,
-    OrSearch: __vue_component__$3,
-    OrIconButton: __vue_component__$4
-  },
-  props: {
-    items: {
-      type: Array,
-      default: () => []
-    },
-    activeItem: {
-      type: Object,
-      default: undefined
-    },
-    layoutOptions: {
-      type: Array,
-      default: () => [{
-        name: 'grid',
-        icon: 'apps'
-      }, {
-        name: 'list',
-        icon: 'menu'
-      }]
-    },
-    layout: {
-      type: String,
-      default: CARD_COLLECTION_LAYOUT.GRID
-    },
-    sortableColumns: {
-      type: Array,
-      default: undefined
-    },
-    filterPlaceholder: {
-      type: String,
-      default: 'Search'
-    }
-  },
-  emits: ['filter', 'sort', 'layoutChanged', 'itemClicked'],
-  setup(props, {
-    slots
-  }) {
-    var _a;
-    if (!slots.default) throw new Error('Can\'t render collection without default template for cards.');
-    const sortingDirection = ref('asc');
-    const filterValue = ref('');
-    const sortingColumn = ref(((_a = props.sortableColumns) === null || _a === void 0 ? void 0 : _a.length) ? props.sortableColumns[0].name : '');
-    const selectedLayout = ref(props.layout);
-    return {
-      sortingDirection,
-      filterValue,
-      sortingColumn,
-      selectedLayout
-    };
-  },
-  computed: {
-    rootClasses() {
-      return ['or-card-collection', `or-card-collection-${this.selectedLayout}`];
-    },
-    sortingDirectionIcon() {
-      const icon = this.sortingDirection === 'asc' ? 'arrow-upward' : 'arrow-downward';
-      return icon;
-    }
-  },
-  methods: {
-    selectSortable(column) {
-      const nextValue = this.sortingDirection === 'asc' ? 'desc' : 'asc';
-      this.sortingDirection = this.sortingColumn === column.name ? nextValue : this.sortingDirection;
-      this.sortingColumn = column.name;
-      const eventPayload = {
-        column,
-        direction: this.sortingDirection
-      };
-      this.$emit('sort', eventPayload);
-    },
-    emitFilterChange() {
-      this.$emit('filter', this.filterValue);
-    },
-    selectLayout(layout) {
-      this.selectedLayout = layout;
-      this.$emit('layoutChanged', this.selectedLayout);
-    },
-    handleClick(item) {
-      this.$emit('itemClicked', item);
-    }
-  }
-});
-
-var css_248z$1 = "@keyframes spinAround-data-v-4839d0ae{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-4839d0ae{from{opacity:1}to{opacity:0}}.or-card-collection .or-card-collection-toolbar[data-v-4839d0ae]{display:flex;justify-content:space-between;align-items:center;column-gap:var(--s-4);margin:0 var(--s-4)}.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting[data-v-4839d0ae]{flex-grow:1;cursor:pointer}.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting .or-card-collection-sorting-column[data-v-4839d0ae]{display:inline-flex;margin:var(--s-2) var(--s-6);text-transform:capitalize;color:var(--c-neutral-4);font-size:var(--fs-0);font-weight:var(--fw-0);letter-spacing:0;line-height:var(--lh-0);user-select:none}.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting .or-card-collection-sorting-column.sorting-selected[data-v-4839d0ae]{color:var(--c-neutral-6);font-weight:700}.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting .or-card-collection-sorting-column.sorting-selected .or-card-collection-sort-direction[data-v-4839d0ae]{height:14px;width:14px;margin-left:var(--s-1)}.or-card-collection .or-card-collection-toolbar .or-card-collection-layout-buttons .or-icon-button[data-v-4839d0ae]{border-radius:0}.or-card-collection .or-card-collection-wrapper[data-v-4839d0ae]{display:flex;margin-top:var(--s-5)}.or-card-collection.or-card-collection-grid .or-card-collection-wrapper[data-v-4839d0ae]{flex-flow:row wrap}.or-card-collection.or-card-collection-grid .or-card-collection-wrapper .or-card[data-v-4839d0ae]{margin-right:auto}.or-card-collection.or-card-collection-list .or-card-collection-wrapper[data-v-4839d0ae]{flex-direction:column}";
-styleInject(css_248z$1);
-
-var css_248z = ".or-card-collection-filter .or-textbox .or-textbox--input{max-width:256px;height:30px}.or-card-collection-sort-direction .or-icon{font-size:1rem}";
-styleInject(css_248z);
-
-/* script */
-const __vue_script__ = script;
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', {
-    class: _vm.rootClasses
-  }, [_c('div', {
-    staticClass: "or-card-collection-toolbar"
-  }, [_c('div', {
-    staticClass: "or-card-collection-sorting"
-  }, [_vm.sortableColumns ? _vm._l(_vm.sortableColumns, function (column) {
-    return _c('div', {
-      key: column.name,
-      class: {
-        'or-card-collection-sorting-column': true,
-        'sorting-selected': _vm.sortingColumn === column.name
-      },
-      attrs: {
-        "class.selected": ""
-      },
-      on: {
-        "click": function ($event) {
-          return _vm.selectSortable(column);
-        }
-      }
-    }, [_c('span', [_vm._v(_vm._s(column.label))]), _vm._v(" "), _vm.sortingColumn === column.name ? _c('span', {
-      staticClass: "or-card-collection-sort-direction"
-    }, [_c('or-icon', [_vm._v(_vm._s(_vm.sortingDirection === 'asc' ? 'arrow_upward' : 'arrow_downward'))])], 1) : _vm._e()]);
-  }) : _vm._e()], 2), _vm._v(" "), _c('div', {
-    staticClass: "or-card-collection-filter"
-  }, [_vm._t("filters", function () {
-    return [_c('or-search', {
-      attrs: {
-        "placeholder": _vm.filterPlaceholder
-      },
-      on: {
-        "update:modelValue": _vm.emitFilterChange
-      },
-      model: {
-        value: _vm.filterValue,
-        callback: function ($$v) {
-          _vm.filterValue = $$v;
-        },
-        expression: "filterValue"
-      }
-    })];
-  })], 2), _vm._v(" "), _c('div', {
-    staticClass: "or-card-collection-layout-buttons"
-  }, [_vm._t("layoutButtons", function () {
-    return _vm._l(_vm.layoutOptions, function (layoutOption) {
-      return _c('or-icon-button', {
-        key: layoutOption.name,
-        attrs: {
-          "icon": layoutOption.icon,
-          "icon-color": _vm.selectedLayout === layoutOption.name ? 'neutral-6' : 'neutral-4'
-        },
-        on: {
-          "click": function ($event) {
-            return _vm.selectLayout(layoutOption.name);
-          }
-        }
-      });
-    });
-  })], 2), _vm._v(" "), _vm.$slots.toolsAppend ? _c('div', {
-    staticClass: "or-card-collection-extra-tools"
-  }, [_vm._t("toolsAppend")], 2) : _vm._e()]), _vm._v(" "), _c('div', {
-    staticClass: "or-card-collection-wrapper"
-  }, _vm._l(_vm.items, function (props, index) {
-    return _c('or-card', {
-      key: props.vforkey || index,
-      attrs: {
-        "active": _vm.activeItem === props
-      },
-      on: {
-        "click": function ($event) {
-          return _vm.handleClick(props);
-        }
-      }
-    }, [_vm._t("default", null, null, {
-      props: props,
-      items: _vm.items,
-      index: index
-    })], 2);
-  }), 1)]);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = undefined;
-/* scoped */
-const __vue_scope_id__ = "data-v-4839d0ae";
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__ = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__,
-  staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
-
-export { CARD_COLLECTION_LAYOUT as C, __vue_component__ as _ };

package/dist/v2/OrCarouselItem-d5f3fb80.js

@@ -1,281 +0,0 @@
-import { Splide } from '@splidejs/splide';
-import { _ as __vue_component__$2 } from './OrIcon-7cd10497.js';
-import { defineComponent, ref } from 'vue-demi';
-import { s as styleInject } from './style-inject.es-4c6f2515.js';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-
-var Direction;
-(function (Direction) {
-  Direction["ltr"] = "ltr";
-  Direction["rtl"] = "rtl";
-  Direction["ttb"] = "ttb";
-})(Direction || (Direction = {}));
-var Type;
-(function (Type) {
-  Type["slide"] = "slide";
-  Type["loop"] = "loop";
-  Type["fade"] = "fade";
-})(Type || (Type = {}));
-var KeyBoard;
-(function (KeyBoard) {
-  KeyBoard["global"] = "global";
-  KeyBoard["focused"] = "focused";
-})(KeyBoard || (KeyBoard = {}));
-const EVENTS = ['mounted', 'ready', 'click', 'move', 'moved', 'active', 'inactive', 'visible', 'hidden', 'refresh', 'updated', 'resize', 'resized', 'drag', 'dragging', 'dragged', 'scroll', 'scrolled', 'destroy', 'arrows:mounted', 'arrows:updated', 'pagination:mounted', 'pagination:updated', 'navigation:mounted', 'autoplay:play', 'autoplay:playing', 'autoplay:pause', 'lazyload:loaded', /** @internal */
-'shifted', 'slide:keydown', 'media'];
-
-var script$1 = defineComponent({
-  name: 'OrCarousel',
-  components: {
-    OrIcon: __vue_component__$2
-  },
-  props: {
-    type: {
-      type: String,
-      default: 'slide'
-    },
-    perPage: {
-      type: Number,
-      default: 1
-    },
-    rewind: {
-      type: Boolean,
-      default: false
-    },
-    speed: {
-      type: Number,
-      default: 400
-    },
-    width: {
-      type: [Number, String],
-      default: 0
-    },
-    height: {
-      type: [Number, String],
-      default: 0
-    },
-    fixedWidth: {
-      type: Number,
-      default: 0
-    },
-    heightRatio: {
-      type: Number,
-      default: 0
-    },
-    perMove: {
-      type: Number,
-      default: 0
-    },
-    start: {
-      type: Number,
-      default: 0
-    },
-    focus: {
-      type: [Number, String],
-      default: 'center'
-    },
-    trimSpace: {
-      type: Boolean,
-      default: true
-    },
-    keyboard: {
-      type: String,
-      default: 'global'
-    },
-    gap: {
-      type: [Number, String],
-      default: 10
-    },
-    easing: {
-      type: String,
-      default: 'cubic-bezier(.42,.65,.27,.99)'
-    },
-    autoplay: {
-      type: Boolean,
-      default: false
-    },
-    interval: {
-      type: Number,
-      default: 5000
-    },
-    pauseOnHover: {
-      type: Boolean,
-      default: true
-    },
-    pauseOnFocus: {
-      type: Boolean,
-      default: true
-    },
-    drag: {
-      type: Boolean,
-      default: true
-    },
-    flickThreshold: {
-      type: Number,
-      default: 0.6
-    },
-    flickPower: {
-      type: Number,
-      default: 600
-    },
-    flickMaxPages: {
-      type: Number,
-      default: 1
-    },
-    direction: {
-      type: String,
-      default: 'ltr'
-    },
-    updateOnMove: {
-      type: Boolean,
-      default: false
-    },
-    breakpoints: {
-      type: Object,
-      default: () => ({})
-    },
-    classes: {
-      type: Object,
-      default: () => ({})
-    },
-    pagination: {
-      type: Boolean,
-      default: true
-    },
-    arrows: {
-      type: Boolean,
-      default: true
-    }
-  },
-  emits: EVENTS,
-  setup() {
-    const carousel = ref(null);
-    return {
-      carousel
-    };
-  },
-  updated() {
-    var _a;
-    (_a = this.carousel) === null || _a === void 0 ? void 0 : _a.refresh();
-  },
-  beforeDestroy() {
-    var _a;
-    (_a = this.carousel) === null || _a === void 0 ? void 0 : _a.destroy();
-  },
-  mounted() {
-    this.carousel = new Splide(this.$refs.slider, {
-      ...this.$props
-    });
-    this.initEventsEmitting();
-    this.carousel.mount();
-  },
-  methods: {
-    initEventsEmitting() {
-      EVENTS.forEach(e => {
-        var _a;
-        return (_a = this.carousel) === null || _a === void 0 ? void 0 : _a.on(e, (...args) => this.$emit(e, args));
-      });
-    }
-  }
-});
-
-var css_248z = ".or-carousel[data-v-53c22bd2]{line-height:1;text-align:center}.or-carousel__track-container[data-v-53c22bd2]{position:relative}.or-carousel .splide__arrow[data-v-53c22bd2]:focus-visible{outline:0}.or-carousel[data-v-53c22bd2]  .splide__pagination__page{background:#64b2da}";
-styleInject(css_248z);
-
-/* script */
-const __vue_script__$1 = script$1;
-/* template */
-var __vue_render__$1 = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', {
-    staticClass: "or-carousel"
-  }, [_c('div', {
-    ref: "slider",
-    staticClass: "or-carousel__slides splide"
-  }, [_vm.arrows ? _c('div', {
-    staticClass: "splide__arrows"
-  }, [_c('button', {
-    staticClass: "splide__arrow splide__arrow--prev"
-  }, [_vm._t("btnPrev", function () {
-    return [_c('or-icon', {
-      attrs: {
-        "icon": "keyboard_arrow_left"
-      }
-    })];
-  })], 2), _vm._v(" "), _c('button', {
-    staticClass: "splide__arrow splide__arrow--next"
-  }, [_vm._t("btnNext", function () {
-    return [_c('or-icon', {
-      attrs: {
-        "icon": "keyboard_arrow_right"
-      }
-    })];
-  })], 2)]) : _vm._e(), _vm._v(" "), _c('div', {
-    staticClass: "or-carousel__track-container"
-  }, [_c('div', {
-    staticClass: "or-carousel__track splide__track"
-  }, [_c('ul', {
-    staticClass: "or-carousel__items splide__list"
-  }, [_vm._t("default")], 2)])])])]);
-};
-var __vue_staticRenderFns__$1 = [];
-
-/* style */
-const __vue_inject_styles__$1 = undefined;
-/* scoped */
-const __vue_scope_id__$1 = "data-v-53c22bd2";
-/* module identifier */
-const __vue_module_identifier__$1 = undefined;
-/* functional template */
-const __vue_is_functional_template__$1 = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$1 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$1,
-  staticRenderFns: __vue_staticRenderFns__$1
-}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
-
-var script = defineComponent({
-  name: 'OrCarouselItem'
-});
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('li', {
-    staticClass: "splide__slide"
-  }, [_vm._t("default")], 2);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = undefined;
-/* scoped */
-const __vue_scope_id__ = undefined;
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__ = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__,
-  staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
-
-export { __vue_component__ as _, __vue_component__$1 as a };