@yoobic/yobi 8.7.2 → 8.7.4

package/dist/collection/feature-platform/login/walkthrough/walkthrough.css

@@ -1,263 +0,0 @@
-/* app direction */
-/* border-radius */
-/* border-width */
-/* font family */
-/* font-size */
-/* font weights */
-/* icon size */
-/* used for logos */
-/* spacing for padding, margin, etc... */
-/* shadow */
-/* Z-Index (Ionic)
---------------------------------------------------
-Grouped by elements which would be siblings */
-/* Hairlines width */
-/* Default Colors
----------------------------------- */
-/* Private color variables */
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff;*/
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff; */
-/* Color map should provide
-- base: main color to be used.
-- contrast: Color that will provide readable text against the base color
-- shade: 12% darker version of the base color (mix with black)
-- tint: 10% lighter version of the base color (mix with white) */
-/* Themed Colors
-
- Default Foreground and Background Colors values
- Allows users to override an foreground / background colors
- $background-color-value:            $light !default;
- $background-color-rgb:              255, 255, 255 !default; */
-/* Default Foreground and Background Colors
--------------------------------------------------- */
-/* Default General Colors
--------------------------------------------------- */
-/* Default List & List Items
--------------------------------------------------- */
-/* Item Divider */
-/* iOS List & List Items
--------------------------------------------------- */
-/* Default Toolbar
---------------------------------------------------*/
-/* iOS Toolbar
---------------------------------------------------*/
-/* Default Tabs & Tab bar
---------------------------------------------------*/
-/* iOS Tabs & Tab bar
---------------------------------------------------*/
-/* Function related variables
---------------------------------------------------*/
-/* Gets the active color's css variable from a variation. Alpha is optional.
---------------------------------------------------------------------------------------------
-Example usage:
-current-color(base) => var(--ion-color-base)
-current-color(contrast, 0.1) => rgba(var(--ion-color-contrast-rgb), 0.1)
---------------------------------------------------------------------------------------------*/
-/* Gets the specific color's css variable from the name and variation. Alpha/rgb are optional.
---------------------------------------------------------------------------------------------
-Example usage:
-ion-color(primary, base) => var(--ion-color-primary, #3880ff)
-ion-color(secondary, contrast) => var(--ion-color-secondary-contrast)
-ion-color(primary, base, 0.5) => rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.5)
---------------------------------------------------------------------------------------------*/
-/* Mixes a color with black to create its shade.
---------------------------------------------------------------------------------------------*/
-/*Mixes a color with white to create its tint.
---------------------------------------------------------------------------------------------*/
-/* Converts a color to a comma separated rgb.
---------------------------------------------------------------------------------------------*/
-/* Str functions.
-___________________________________________________________________________________________*/
-/* Creates a pulse animation.
-  @param {color} $begin-color [stable-20] - starting color for pulse.
-  @param {color} $end-color [stable-20] - ending color for pulse.
-  @author Ben Morgan
-  @author Damien Arondel 
-*/
-/* Execute a content if the hover state is supported.
-
- @content the content to execute if relevant
- @author Ben Morgan
- @author Damien Arondel
-*/
-/* Properly hide overflow on rounded corner elements for Webkit based browsers.
- This mixin must be used at the same level as `overflow: hidden` and `border-radius: ...`.
-
- @link https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7
- @author Ben Morgan
- @author Damien Arondel
-*/
-/* Truncate every overflown elements with an ellipsis.
- This mixin does not work with flex box on the same level.
-
- @author Ben Morgan
- @author Damien Arondel
-*/
-/* Truncate text at a specific number of lines.
- */
-/* app direction */
-/* border-radius */
-/* border-width */
-/* font family */
-/* font-size */
-/* font weights */
-/* icon size */
-/* used for logos */
-/* spacing for padding, margin, etc... */
-/* shadow */
-/* https://web-design-weekly.com/2013/05/12/handy-sass-mixins/ */
-/* Single side border-radius */
-/* Text Direction - ltr / rtl
-$app-direction: multi | rtl | ltr | null (default)
-multi: Both [dir=ltr] and [dir=rtl] are applied to css selectors.
-rtl: Always assumes rtl and only includes rtl css. No [dir] selectors.
-ltr: Always assumes ltr and only includes ltr css. No [dir] selectors.
-null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override ltr defaults.
----------------------------------------------------------- */
-/* Add property horizontal
- @param {string} $start
- @param {string} $end
-----------------------------------------------------------*/
-/* Add property for all directions
-  @param {string} $prop
-  @param {string} $top
-  @param {string} $end
-  @param {string} $bottom
-  @param {string} $start
-  @param {boolean} $content include content or use default
-----------------------------------------------------------*/
-/* Add margin for all directions
-  @param {string} $top
-  @param {string} $end
-  @param {string} $bottom
-  @param {string} $start
-----------------------------------------------------------*/
-/* Add padding for all directions
-  @param {string} $top
-  @param {string} $end
-  @param {string} $bottom
-  @param {string} $start
-----------------------------------------------------------*/
-/*Font smoothing
---------------------------------------------------*/
-/* SVG Background Image Mixin
-  @param {string} $svg
-----------------------------------------------------------*/
-/* Add padding horizontal
-  @param {string} $start
-  @param {string} $end
-----------------------------------------------------------*/
-/* Add margin horizontal
- @param {string} $start
- @param {string} $end
-----------------------------------------------------------*/
-/* Add safe area padding horizontal
-  @param {string} $start
-  @param {string} $end
-----------------------------------------------------------*/
-/* Add border radius for all directions
-  @param {string} $top-start
-  @param {string} $top-end
-  @param {string} $bottom-end
-  @param {string} $bottom-start
-----------------------------------------------------------*/
-/* Sets correct text align with support for old browsers
-  @param {string} $direction - text direction
-  @param {string} $decorator - !important
-----------------------------------------------------------*/
-/* Add position for all directions
-  @param {string} $top
-  @param {string} $end
-  @param {string} $bottom
-  @param {string} $start
-----------------------------------------------------------*/
-/* Add position horizontal
-  @param {string} $start - amount to position start
-  @param {string} $end - amount to left: 0; end
-----------------------------------------------------------*/
-/**
- * NOTE DO NOT USE FOR NEW COMPONENTS
- * LEGACY CODE -- Styles maintained only to prevent breaking changes
- * For all Font Sizes please use the appropreate font-size-XX Variables.
- */
-/**
-* Global style mixin for being able to change the background / font-color and border-color
-* programmatically using global classes
-*/
-/* app direction */
-/* border-radius */
-/* border-width */
-/* font family */
-/* font-size */
-/* font weights */
-/* icon size */
-/* used for logos */
-/* spacing for padding, margin, etc... */
-/* shadow */
-svg:not(:root) {
-  overflow: hidden;
-}
-
-:host {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-}
-:host h1 {
-  margin: 0 var(--spacing-48, 3rem) var(--spacing-16, 1rem);
-  font-weight: normal;
-  font-size: var(--font-size-20, 1.25rem);
-  line-height: 1;
-}
-:host p {
-  margin: 0 var(--spacing-48, 3rem);
-  color: var(--stable, #adadad);
-}
-:host yoo-button {
-  position: absolute;
-  z-index: 10;
-}
-:host yoo-button.finish, :host yoo-button.next {
-  right: var(--spacing-16, 1rem);
-}
-:host yoo-button.finish, :host yoo-button.skip {
-  left: var(--spacing-16, 1rem);
-}
-:host yoo-ion-slide {
-  flex-direction: column;
-}
-:host yoo-ion-slides {
-  --pagination-z-index: 10;
-}
-:host yoo-img {
-  --logo-text-color: var(--dark, #000000);
-  height: 2rem;
-}
-:host yoo-animated-illustration {
-  height: 50%;
-}
-@supports (bottom: max(0px, 0px)) {
-  :host yoo-button {
-    bottom: max(var(--safe-area-inset-bottom), var(--spacing-08, 0.5rem));
-  }
-  :host yoo-ion-slides {
-    --pagination-bottom-position: max(var(--safe-area-inset-bottom), var(--spacing-08, 0.5rem));
-  }
-}
-@supports not (bottom: max(0px, 0px)) {
-  :host yoo-button {
-    bottom: calc(var(--safe-area-inset-bottom) + var(--spacing-08, 0.5rem));
-  }
-  :host yoo-ion-slides {
-    --pagination-bottom-position: calc(var(--safe-area-inset-bottom) + var(--spacing-08, 0.5rem));
-  }
-}

package/dist/collection/feature-platform/login/walkthrough/walkthrough.js

@@ -1,190 +0,0 @@
-import { replaceSVGColors, translate } from '@shared/utils';
-import { h, Host } from '@stencil/core';
-export class YooWalkthroughComponent {
-  constructor() {
-    this.animations = [];
-    this.activeEntry = 0;
-    this.animated = true;
-    this.entries = [];
-    this.logo = undefined;
-    this.instant = false;
-  }
-  componentDidLoad() {
-    var _a;
-    if (this.animated) {
-      (_a = this.animations[this.activeEntry]) === null || _a === void 0 ? void 0 : _a.play();
-    }
-  }
-  onSlideChanged() {
-    var _a;
-    (_a = this.slides) === null || _a === void 0 ? void 0 : _a.getActiveIndex().then((index) => {
-      var _a, _b;
-      if (this.animated) {
-        (_a = this.animations[this.activeEntry]) === null || _a === void 0 ? void 0 : _a.stop();
-        (_b = this.animations[index]) === null || _b === void 0 ? void 0 : _b.play();
-      }
-      this.activeEntry = index;
-      this.step.emit(this.activeEntry);
-    });
-  }
-  render() {
-    const isLastSlide = this.entries.length - 1 === this.activeEntry;
-    return (h(Host, null, h("yoo-ion-slides", { ref: (slides) => (this.slides = slides), initialSlide: this.activeEntry, navigation: false, pager: true, onIonSlideWillChange: () => this.onSlideChanged() }, this.entries.map(({ title, subtitle, animation }, index) => (h("yoo-ion-slide", null, !!this.logo && h("yoo-img", { instant: this.instant, contained: true, ignoreWidth: true, src: this.logo, svgOptions: { afterLoad: (_, svgString) => replaceSVGColors(svgString) } }), h("yoo-animated-illustration", { ref: (animation) => (this.animations[index] = animation), type: animation, animated: this.animated }), h("h1", null, translate(title)), h("p", null, translate(subtitle)))))), isLastSlide && (h("yoo-button", { class: "finish", color: "app-color", key: "finish", size: "large", onClick: () => this.finish.emit() }, translate('GETSTARTED'))), !isLastSlide && (h("yoo-button", { class: "skip", color: "stable", fill: "transparent", key: "skip", onClick: () => this.skip.emit() }, translate('YOOBICSKIP').toUpperCase())), !isLastSlide && (h("yoo-button", { class: "next", color: "app-color", fill: "transparent", key: "next", onClick: () => this.slides.slideNext(300) }, translate('YOOBICNEXT').toUpperCase()))));
-  }
-  static get is() { return "yoo-walkthrough"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["walkthrough.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["walkthrough.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "activeEntry": {
-        "type": "number",
-        "mutable": true,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Index of the active entry displayed to the user."
-        },
-        "attribute": "active-entry",
-        "reflect": false,
-        "defaultValue": "0"
-      },
-      "animated": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "If `true`, the user can see animations."
-        },
-        "attribute": "animated",
-        "reflect": false,
-        "defaultValue": "true"
-      },
-      "entries": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "IWalkthroughEntry[]",
-          "resolved": "IWalkthroughEntry[]",
-          "references": {
-            "IWalkthroughEntry": {
-              "location": "import",
-              "path": "@shared/interfaces"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Configuration include the image, title and subtitle for each step."
-        },
-        "defaultValue": "[]"
-      },
-      "logo": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Logo to display above the image for each step."
-        },
-        "attribute": "logo",
-        "reflect": false
-      },
-      "instant": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "instant",
-        "reflect": false,
-        "defaultValue": "false"
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "step",
-        "name": "step",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when the current step has changed."
-        },
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        }
-      }, {
-        "method": "skip",
-        "name": "skip",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when it has been skipped."
-        },
-        "complexType": {
-          "original": "void",
-          "resolved": "void",
-          "references": {}
-        }
-      }, {
-        "method": "finish",
-        "name": "finish",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when it has been finished."
-        },
-        "complexType": {
-          "original": "void",
-          "resolved": "void",
-          "references": {}
-        }
-      }];
-  }
-}

package/dist/design-system/index-a3d7ae4f.js

@@ -1 +0,0 @@
-import './local-forage-75efc645.js';

package/dist/design-system/swiper-wrapper-7b9e403b.js

@@ -1,12 +0,0 @@
-import { S as Swiper, P as Pagination, A as Autoplay, a as Scrollbar } from './yoo-ion-slides-ca6b23d4.js';
-export { S as Swiper } from './yoo-ion-slides-ca6b23d4.js';
-import './index-23b437f1.js';
-import './index-4db360f2.js';
-import './index-4680b731.js';
-import './index-e089429b.js';
-import './lodash-8307f78b.js';
-import './_commonjsHelpers-f4d11124.js';
-import './common-helpers-57151af2.js';
-import './theme-43db3b17.js';
-
-Swiper.use([Pagination, Autoplay, Scrollbar]);

package/dist/design-system/yoo-form-sorts.entry.js

@@ -1,64 +0,0 @@
-import { r as registerInstance, i as createEvent, h } from './index-23b437f1.js';
-import { a as setValidator, s as setValueAndValidateInput } from './form-input-helpers-27809f0f.js';
-import './index-4680b731.js';
-import './index-e089429b.js';
-import './lodash-8307f78b.js';
-import './_commonjsHelpers-f4d11124.js';
-import './index-4db360f2.js';
-import './common-helpers-57151af2.js';
-
-const formSortsCss = "svg:not(:root){overflow:hidden}:host{padding:0}";
-
-const YooFormQueryBuilderComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.validityChanged = createEvent(this, "validityChanged", 7);
-    this.inputBlurred = createEvent(this, "inputBlurred", 7);
-    this.inputFocused = createEvent(this, "inputFocused", 7);
-    this.inputChanged = createEvent(this, "inputChanged", 7);
-    this.value = undefined;
-    this.model = undefined;
-    this.validators = [];
-    this.asyncValidators = undefined;
-    this.placeholder = undefined;
-    this.readonly = undefined;
-    this.type = undefined;
-    this.required = undefined;
-  }
-  onRequireChanged() {
-    this.validate();
-  }
-  componentWillLoad() {
-    setValidator(this);
-  }
-  validate() {
-    let isValid = true;
-    if (this.required && !this.value) {
-      isValid = false;
-    }
-    if (!this.validity || this.validity !== isValid) {
-      this.validityChanged.emit(isValid);
-      this.validity = isValid;
-    }
-    return this.validity;
-  }
-  onChange(value) {
-    setValueAndValidateInput(value, this);
-  }
-  renderReadonly() {
-    return h("div", { class: "readonly" });
-  }
-  renderEditable() {
-    var _a;
-    return (h("div", { class: "outer-container" }, h("yoo-entity-search-sorts", { fields: (_a = this.model) === null || _a === void 0 ? void 0 : _a.fields, values: this.value, onSort: (ev) => this.onChange(ev.detail) })));
-  }
-  render() {
-    return this.readonly ? this.renderReadonly() : this.renderEditable();
-  }
-  static get watchers() { return {
-    "required": ["onRequireChanged"]
-  }; }
-};
-YooFormQueryBuilderComponent.style = formSortsCss;
-
-export { YooFormQueryBuilderComponent as yoo_form_sorts };

package/dist/design-system/yoo-walkthrough.entry.js

@@ -1,48 +0,0 @@
-import { r as registerInstance, i as createEvent, h, e as Host } from './index-23b437f1.js';
-import './index-4db360f2.js';
-import { d8 as replaceSVGColors, t as translate } from './index-4680b731.js';
-import './lodash-8307f78b.js';
-import './index-e089429b.js';
-import './_commonjsHelpers-f4d11124.js';
-
-const walkthroughCss = "svg:not(:root){overflow:hidden}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%}:host h1{margin:0 var(--spacing-48, 3rem) var(--spacing-16, 1rem);font-weight:normal;font-size:var(--font-size-20, 1.25rem);line-height:1}:host p{margin:0 var(--spacing-48, 3rem);color:var(--stable, #adadad)}:host yoo-button{position:absolute;z-index:10}:host yoo-button.finish,:host yoo-button.next{right:var(--spacing-16, 1rem)}:host yoo-button.finish,:host yoo-button.skip{left:var(--spacing-16, 1rem)}:host yoo-ion-slide{-ms-flex-direction:column;flex-direction:column}:host yoo-ion-slides{--pagination-z-index:10}:host yoo-img{--logo-text-color:var(--dark, #000000);height:2rem}:host yoo-animated-illustration{height:50%}@supports (bottom: max(0px, 0px)){:host yoo-button{bottom:max(var(--safe-area-inset-bottom), var(--spacing-08, 0.5rem))}:host yoo-ion-slides{--pagination-bottom-position:max(var(--safe-area-inset-bottom), var(--spacing-08, 0.5rem))}}@supports not (bottom: max(0px, 0px)){:host yoo-button{bottom:calc(var(--safe-area-inset-bottom) + var(--spacing-08, 0.5rem))}:host yoo-ion-slides{--pagination-bottom-position:calc(var(--safe-area-inset-bottom) + var(--spacing-08, 0.5rem))}}";
-
-const YooWalkthroughComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.step = createEvent(this, "step", 7);
-    this.skip = createEvent(this, "skip", 7);
-    this.finish = createEvent(this, "finish", 7);
-    this.animations = [];
-    this.activeEntry = 0;
-    this.animated = true;
-    this.entries = [];
-    this.logo = undefined;
-    this.instant = false;
-  }
-  componentDidLoad() {
-    var _a;
-    if (this.animated) {
-      (_a = this.animations[this.activeEntry]) === null || _a === void 0 ? void 0 : _a.play();
-    }
-  }
-  onSlideChanged() {
-    var _a;
-    (_a = this.slides) === null || _a === void 0 ? void 0 : _a.getActiveIndex().then((index) => {
-      var _a, _b;
-      if (this.animated) {
-        (_a = this.animations[this.activeEntry]) === null || _a === void 0 ? void 0 : _a.stop();
-        (_b = this.animations[index]) === null || _b === void 0 ? void 0 : _b.play();
-      }
-      this.activeEntry = index;
-      this.step.emit(this.activeEntry);
-    });
-  }
-  render() {
-    const isLastSlide = this.entries.length - 1 === this.activeEntry;
-    return (h(Host, null, h("yoo-ion-slides", { ref: (slides) => (this.slides = slides), initialSlide: this.activeEntry, navigation: false, pager: true, onIonSlideWillChange: () => this.onSlideChanged() }, this.entries.map(({ title, subtitle, animation }, index) => (h("yoo-ion-slide", null, !!this.logo && h("yoo-img", { instant: this.instant, contained: true, ignoreWidth: true, src: this.logo, svgOptions: { afterLoad: (_, svgString) => replaceSVGColors(svgString) } }), h("yoo-animated-illustration", { ref: (animation) => (this.animations[index] = animation), type: animation, animated: this.animated }), h("h1", null, translate(title)), h("p", null, translate(subtitle)))))), isLastSlide && (h("yoo-button", { class: "finish", color: "app-color", key: "finish", size: "large", onClick: () => this.finish.emit() }, translate('GETSTARTED'))), !isLastSlide && (h("yoo-button", { class: "skip", color: "stable", fill: "transparent", key: "skip", onClick: () => this.skip.emit() }, translate('YOOBICSKIP').toUpperCase())), !isLastSlide && (h("yoo-button", { class: "next", color: "app-color", fill: "transparent", key: "next", onClick: () => this.slides.slideNext(300) }, translate('YOOBICNEXT').toUpperCase()))));
-  }
-};
-YooWalkthroughComponent.style = walkthroughCss;
-
-export { YooWalkthroughComponent as yoo_walkthrough };

package/dist/esm/index-a3d7ae4f.js

@@ -1 +0,0 @@
-import './local-forage-75efc645.js';

package/dist/esm/swiper-wrapper-7b9e403b.js

@@ -1,12 +0,0 @@
-import { S as Swiper, P as Pagination, A as Autoplay, a as Scrollbar } from './yoo-ion-slides-ca6b23d4.js';
-export { S as Swiper } from './yoo-ion-slides-ca6b23d4.js';
-import './index-23b437f1.js';
-import './index-4db360f2.js';
-import './index-4680b731.js';
-import './index-e089429b.js';
-import './lodash-8307f78b.js';
-import './_commonjsHelpers-f4d11124.js';
-import './common-helpers-57151af2.js';
-import './theme-43db3b17.js';
-
-Swiper.use([Pagination, Autoplay, Scrollbar]);

package/dist/esm/yoo-form-sorts.entry.js

@@ -1,64 +0,0 @@
-import { r as registerInstance, i as createEvent, h } from './index-23b437f1.js';
-import { a as setValidator, s as setValueAndValidateInput } from './form-input-helpers-27809f0f.js';
-import './index-4680b731.js';
-import './index-e089429b.js';
-import './lodash-8307f78b.js';
-import './_commonjsHelpers-f4d11124.js';
-import './index-4db360f2.js';
-import './common-helpers-57151af2.js';
-
-const formSortsCss = "svg:not(:root){overflow:hidden}:host{padding:0}";
-
-const YooFormQueryBuilderComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.validityChanged = createEvent(this, "validityChanged", 7);
-    this.inputBlurred = createEvent(this, "inputBlurred", 7);
-    this.inputFocused = createEvent(this, "inputFocused", 7);
-    this.inputChanged = createEvent(this, "inputChanged", 7);
-    this.value = undefined;
-    this.model = undefined;
-    this.validators = [];
-    this.asyncValidators = undefined;
-    this.placeholder = undefined;
-    this.readonly = undefined;
-    this.type = undefined;
-    this.required = undefined;
-  }
-  onRequireChanged() {
-    this.validate();
-  }
-  componentWillLoad() {
-    setValidator(this);
-  }
-  validate() {
-    let isValid = true;
-    if (this.required && !this.value) {
-      isValid = false;
-    }
-    if (!this.validity || this.validity !== isValid) {
-      this.validityChanged.emit(isValid);
-      this.validity = isValid;
-    }
-    return this.validity;
-  }
-  onChange(value) {
-    setValueAndValidateInput(value, this);
-  }
-  renderReadonly() {
-    return h("div", { class: "readonly" });
-  }
-  renderEditable() {
-    var _a;
-    return (h("div", { class: "outer-container" }, h("yoo-entity-search-sorts", { fields: (_a = this.model) === null || _a === void 0 ? void 0 : _a.fields, values: this.value, onSort: (ev) => this.onChange(ev.detail) })));
-  }
-  render() {
-    return this.readonly ? this.renderReadonly() : this.renderEditable();
-  }
-  static get watchers() { return {
-    "required": ["onRequireChanged"]
-  }; }
-};
-YooFormQueryBuilderComponent.style = formSortsCss;
-
-export { YooFormQueryBuilderComponent as yoo_form_sorts };