@yoobic/yobi 8.7.3 → 8.7.5

package/dist/collection/components/form/form-image-tagging/form-image-tagging.js

@@ -92,19 +92,25 @@ export class YooFormImageTaggingComponent {
   componentDidLoad() {
     this.init();
   }
+  disconnectedCallback() {
+    var _a, _b;
+    (_a = this.tags) === null || _a === void 0 ? void 0 : _a.destroy();
+    (_b = this.mutationObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
+  }
   async prepareImage() {
     var _a;
     this.imageSrc = await getMedia(await getFromOfflineStorage((_a = this.image) === null || _a === void 0 ? void 0 : _a._downloadURL), { forceCookieUrlParam: true });
   }
   init() {
-    new MutationObserver((entries) => {
+    this.mutationObserver = new MutationObserver((entries) => {
       entries.forEach(({ addedNodes }) => {
         var _a, _b;
         if ((_b = (_a = addedNodes === null || addedNodes === void 0 ? void 0 : addedNodes[0]) === null || _a === void 0 ? void 0 : _a['dataset']) === null || _b === void 0 ? void 0 : _b['id']) {
           this.clampDropzonePosition(addedNodes[0]);
         }
       });
-    }).observe(this.imageContainerElement, { childList: true });
+    });
+    this.imageContainerElement && this.mutationObserver.observe(this.imageContainerElement, { childList: true });
   }
   clampDropzonePosition(element) {
     if (element) {

package/dist/collection/components/form/form-image-tagging-creator/form-image-tagging-creator.css

@@ -112,8 +112,6 @@ ________________________________________________________________________________
 /* 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.

package/dist/collection/components/form/form-image-tagging-creator/form-image-tagging-creator.js

@@ -14,16 +14,22 @@ export class YooFormImageTaggingCreatorComponent {
     this.validity = undefined;
     this.value = {};
   }
+  async onValueChanged() {
+    this.prepareData();
+  }
   get dotElements() {
     var _a, _b;
     return Array.from(((_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelectorAll('.annotation')) || []);
   }
-  componentWillLoad() {
+  prepareData() {
     var _a, _b, _c, _d, _e, _f;
     this.src = (_a = this.value) === null || _a === void 0 ? void 0 : _a.imageUrl;
     this.annotations = ((_d = (_c = (_b = this.value) === null || _b === void 0 ? void 0 : _b.annotations) === null || _c === void 0 ? void 0 : _c.filter((annotation) => isAnnotationValid(annotation))) === null || _d === void 0 ? void 0 : _d.map((annotation) => ({ type: 'dot', _id: getUUID(), ...annotation }))) || [];
     this.canClickOnImage = ((_f = (_e = this.annotations) === null || _e === void 0 ? void 0 : _e.filter(({ text }) => text)) === null || _f === void 0 ? void 0 : _f.length) < MAX_ALLOWED_DOTS;
   }
+  componentWillLoad() {
+    this.prepareData();
+  }
   componentDidLoad() {
     if (this.imageContainerElement) {
       setDotIndexes(this.dotElements);
@@ -121,7 +127,7 @@ export class YooFormImageTaggingCreatorComponent {
   clampDropzonePosition(element) {
     if (element) {
       const { x, y } = getClampedPositionAnnotation(element);
-      Object.assign(element.style, { transform: `translate(${x}px, ${y}px)` });
+      !!(x || y) && Object.assign(element.style, { transform: `translate(${x}px, ${y}px)` });
     }
   }
   onImageUpdated(ev) {
@@ -307,4 +313,10 @@ export class YooFormImageTaggingCreatorComponent {
       }];
   }
   static get elementRef() { return "host"; }
+  static get watchers() {
+    return [{
+        "propName": "value",
+        "methodName": "onValueChanged"
+      }];
+  }
 }

package/dist/collection/components/form/form-incentive-targets/form-incentive-targets.css

@@ -112,8 +112,6 @@ ________________________________________________________________________________
 /* 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.

package/dist/collection/components/form/form-input/form-input.css

@@ -112,8 +112,6 @@ ________________________________________________________________________________
 /* 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.
@@ -360,14 +358,10 @@ svg:not(:root) {
   color: var(--text-color, #807f83);
 }
 :host .input-container input {
-  -webkit-box-sizing: border-box;
-  /* Safari <= 5 */
-  -moz-box-sizing: border-box;
-  /* Firefox <= 19 */
-  box-sizing: border-box;
   position: relative;
   display: block;
   flex: var(--input-flex);
+  box-sizing: border-box;
   width: 100%;
   min-width: 0;
   padding: var(--spacing-08, 0.5rem);
@@ -384,25 +378,8 @@ svg:not(:root) {
   -webkit-appearance: none;
   caret-color: var(--caret-color);
 }
-:host .input-container input::-webkit-input-placeholder {
-  color: var(--stable, #adadad);
-  font-weight: var(--font-weight-400, 400);
-  font-family: var(--font-family, "Varela Round", "Lato") !important;
-}
-:host .input-container input:-moz-placeholder {
-  color: var(--stable, #adadad);
-  font-weight: var(--font-weight-400, 400);
-  font-family: var(--font-family, "Varela Round", "Lato") !important;
-}
-:host .input-container input::-moz-placeholder {
+:host .input-container input::placeholder {
   color: var(--stable, #adadad);
-  font-weight: var(--font-weight-400, 400);
-  font-family: var(--font-family, "Varela Round", "Lato") !important;
-}
-:host .input-container input:-ms-input-placeholder {
-  color: var(--stable, #adadad);
-  font-weight: var(--font-weight-400, 400);
-  font-family: var(--font-family, "Varela Round", "Lato") !important;
 }
 :host .input-container input:focus {
   outline: none;
@@ -584,24 +561,9 @@ svg:not(:root) {
   box-shadow: transparent 0 0 0 62.5rem inset;
   transition: all 0.3s;
 }
-:host(.search) .input-container input::-webkit-input-placeholder {
-  color: var(--stable-alt, #d0d0d0);
-  opacity: 1;
-}
-:host(.search) .input-container input:-moz-placeholder {
-  color: var(--stable-alt, #d0d0d0);
-  opacity: 1;
-}
-:host(.search) .input-container input::-moz-placeholder {
-  color: var(--stable-alt, #d0d0d0);
-  opacity: 1;
-}
-:host(.search) .input-container input:-ms-input-placeholder {
-  color: var(--stable-alt, #d0d0d0);
-  opacity: 1;
-}
 :host(.search) .input-container input::placeholder {
   color: var(--text-color, #807f83);
+  opacity: 1;
 }
 :host(.search) .input-container .icon-close yoo-icon {
   fill: var(--text-color, #807f83);
@@ -624,16 +586,7 @@ svg:not(:root) {
 :host(.search[size=small]) .input-container input {
   font-size: var(--font-size-12, 0.75rem);
 }
-:host(.search[size=small]) .input-container input::-webkit-input-placeholder {
-  font-size: var(--font-size-12, 0.75rem);
-}
-:host(.search[size=small]) .input-container input:-moz-placeholder {
-  font-size: var(--font-size-12, 0.75rem);
-}
-:host(.search[size=small]) .input-container input::-moz-placeholder {
-  font-size: var(--font-size-12, 0.75rem);
-}
-:host(.search[size=small]) .input-container input:-ms-input-placeholder {
+:host(.search[size=small]) .input-container input::placeholder {
   font-size: var(--font-size-12, 0.75rem);
 }
 
@@ -644,16 +597,7 @@ svg:not(:root) {
 :host(.search[size=medium]) .input-container input {
   font-size: var(--font-size-14, 0.875rem);
 }
-:host(.search[size=medium]) .input-container input::-webkit-input-placeholder {
-  font-size: var(--font-size-14, 0.875rem);
-}
-:host(.search[size=medium]) .input-container input:-moz-placeholder {
-  font-size: var(--font-size-14, 0.875rem);
-}
-:host(.search[size=medium]) .input-container input::-moz-placeholder {
-  font-size: var(--font-size-14, 0.875rem);
-}
-:host(.search[size=medium]) .input-container input:-ms-input-placeholder {
+:host(.search[size=medium]) .input-container input::placeholder {
   font-size: var(--font-size-14, 0.875rem);
 }
 
@@ -664,16 +608,7 @@ svg:not(:root) {
 :host(.search[size=large]) .input-container input {
   font-size: var(--font-size-16, 1rem);
 }
-:host(.search[size=large]) .input-container input::-webkit-input-placeholder {
-  font-size: var(--font-size-16, 1rem);
-}
-:host(.search[size=large]) .input-container input:-moz-placeholder {
-  font-size: var(--font-size-16, 1rem);
-}
-:host(.search[size=large]) .input-container input::-moz-placeholder {
-  font-size: var(--font-size-16, 1rem);
-}
-:host(.search[size=large]) .input-container input:-ms-input-placeholder {
+:host(.search[size=large]) .input-container input::placeholder {
   font-size: var(--font-size-16, 1rem);
 }
 
@@ -949,16 +884,7 @@ svg:not(:root) {
 :host([size=medium]:not([readonly]):not(.search):not([format=contenteditable])) .input-container input {
   font-size: var(--font-size-14, 0.875rem);
 }
-:host([size=medium]:not([readonly]):not(.search):not([format=contenteditable])) .input-container input::-webkit-input-placeholder {
-  font-size: var(--font-size-14, 0.875rem);
-}
-:host([size=medium]:not([readonly]):not(.search):not([format=contenteditable])) .input-container input:-moz-placeholder {
-  font-size: var(--font-size-14, 0.875rem);
-}
-:host([size=medium]:not([readonly]):not(.search):not([format=contenteditable])) .input-container input::-moz-placeholder {
-  font-size: var(--font-size-14, 0.875rem);
-}
-:host([size=medium]:not([readonly]):not(.search):not([format=contenteditable])) .input-container input:-ms-input-placeholder {
+:host([size=medium]:not([readonly]):not(.search):not([format=contenteditable])) .input-container input::placeholder {
   font-size: var(--font-size-14, 0.875rem);
 }
 
@@ -1115,16 +1041,7 @@ svg:not(:root) {
 :host(.accent) .input-container input {
   color: var(--accent, #276ef1);
 }
-:host(.accent) .input-container input::-webkit-input-placeholder {
-  color: var(--accent, #276ef1);
-}
-:host(.accent) .input-container input:-moz-placeholder {
-  color: var(--accent, #276ef1);
-}
-:host(.accent) .input-container input::-moz-placeholder {
-  color: var(--accent, #276ef1);
-}
-:host(.accent) .input-container input:-ms-input-placeholder {
+:host(.accent) .input-container input::placeholder {
   color: var(--accent, #276ef1);
 }
 :host(.accent) .input-container .label {
@@ -1147,16 +1064,7 @@ svg:not(:root) {
 :host(.success) .input-container input {
   color: var(--success, #3aa76d);
 }
-:host(.success) .input-container input::-webkit-input-placeholder {
-  color: var(--success, #3aa76d);
-}
-:host(.success) .input-container input:-moz-placeholder {
-  color: var(--success, #3aa76d);
-}
-:host(.success) .input-container input::-moz-placeholder {
-  color: var(--success, #3aa76d);
-}
-:host(.success) .input-container input:-ms-input-placeholder {
+:host(.success) .input-container input::placeholder {
   color: var(--success, #3aa76d);
 }
 :host(.success) .input-container .label {
@@ -1179,16 +1087,7 @@ svg:not(:root) {
 :host(.app-color) .input-container input {
   color: var(--app-color, #5a30f4);
 }
-:host(.app-color) .input-container input::-webkit-input-placeholder {
-  color: var(--app-color, #5a30f4);
-}
-:host(.app-color) .input-container input:-moz-placeholder {
-  color: var(--app-color, #5a30f4);
-}
-:host(.app-color) .input-container input::-moz-placeholder {
-  color: var(--app-color, #5a30f4);
-}
-:host(.app-color) .input-container input:-ms-input-placeholder {
+:host(.app-color) .input-container input::placeholder {
   color: var(--app-color, #5a30f4);
 }
 :host(.app-color) .input-container .label {
@@ -1211,16 +1110,7 @@ svg:not(:root) {
 :host(.info) .input-container input {
   color: var(--info, #d84c96);
 }
-:host(.info) .input-container input::-webkit-input-placeholder {
-  color: var(--info, #d84c96);
-}
-:host(.info) .input-container input:-moz-placeholder {
-  color: var(--info, #d84c96);
-}
-:host(.info) .input-container input::-moz-placeholder {
-  color: var(--info, #d84c96);
-}
-:host(.info) .input-container input:-ms-input-placeholder {
+:host(.info) .input-container input::placeholder {
   color: var(--info, #d84c96);
 }
 :host(.info) .input-container .label {
@@ -1243,16 +1133,7 @@ svg:not(:root) {
 :host(.warning) .input-container input {
   color: var(--warning, #ed6e33);
 }
-:host(.warning) .input-container input::-webkit-input-placeholder {
-  color: var(--warning, #ed6e33);
-}
-:host(.warning) .input-container input:-moz-placeholder {
-  color: var(--warning, #ed6e33);
-}
-:host(.warning) .input-container input::-moz-placeholder {
-  color: var(--warning, #ed6e33);
-}
-:host(.warning) .input-container input:-ms-input-placeholder {
+:host(.warning) .input-container input::placeholder {
   color: var(--warning, #ed6e33);
 }
 :host(.warning) .input-container .label {
@@ -1275,16 +1156,7 @@ svg:not(:root) {
 :host(.danger) .input-container input {
   color: var(--danger, #d44333);
 }
-:host(.danger) .input-container input::-webkit-input-placeholder {
-  color: var(--danger, #d44333);
-}
-:host(.danger) .input-container input:-moz-placeholder {
-  color: var(--danger, #d44333);
-}
-:host(.danger) .input-container input::-moz-placeholder {
-  color: var(--danger, #d44333);
-}
-:host(.danger) .input-container input:-ms-input-placeholder {
+:host(.danger) .input-container input::placeholder {
   color: var(--danger, #d44333);
 }
 :host(.danger) .input-container .label {
@@ -1307,16 +1179,7 @@ svg:not(:root) {
 :host(.dark) .input-container input {
   color: var(--dark, #000000);
 }
-:host(.dark) .input-container input::-webkit-input-placeholder {
-  color: var(--dark, #000000);
-}
-:host(.dark) .input-container input:-moz-placeholder {
-  color: var(--dark, #000000);
-}
-:host(.dark) .input-container input::-moz-placeholder {
-  color: var(--dark, #000000);
-}
-:host(.dark) .input-container input:-ms-input-placeholder {
+:host(.dark) .input-container input::placeholder {
   color: var(--dark, #000000);
 }
 :host(.dark) .input-container .label {
@@ -1339,16 +1202,7 @@ svg:not(:root) {
 :host(.stable-light) .input-container input {
   color: var(--stable-light, #f1f1f1);
 }
-:host(.stable-light) .input-container input::-webkit-input-placeholder {
-  color: var(--stable-light, #f1f1f1);
-}
-:host(.stable-light) .input-container input:-moz-placeholder {
-  color: var(--stable-light, #f1f1f1);
-}
-:host(.stable-light) .input-container input::-moz-placeholder {
-  color: var(--stable-light, #f1f1f1);
-}
-:host(.stable-light) .input-container input:-ms-input-placeholder {
+:host(.stable-light) .input-container input::placeholder {
   color: var(--stable-light, #f1f1f1);
 }
 :host(.stable-light) .input-container .label {
@@ -1371,16 +1225,7 @@ svg:not(:root) {
 :host(.stable) .input-container input {
   color: var(--stable, #adadad);
 }
-:host(.stable) .input-container input::-webkit-input-placeholder {
-  color: var(--stable, #adadad);
-}
-:host(.stable) .input-container input:-moz-placeholder {
-  color: var(--stable, #adadad);
-}
-:host(.stable) .input-container input::-moz-placeholder {
-  color: var(--stable, #adadad);
-}
-:host(.stable) .input-container input:-ms-input-placeholder {
+:host(.stable) .input-container input::placeholder {
   color: var(--stable, #adadad);
 }
 :host(.stable) .input-container .label {
@@ -1403,16 +1248,7 @@ svg:not(:root) {
 :host(.light) .input-container input {
   color: var(--light, #ffffff);
 }
-:host(.light) .input-container input::-webkit-input-placeholder {
-  color: var(--light, #ffffff);
-}
-:host(.light) .input-container input:-moz-placeholder {
-  color: var(--light, #ffffff);
-}
-:host(.light) .input-container input::-moz-placeholder {
-  color: var(--light, #ffffff);
-}
-:host(.light) .input-container input:-ms-input-placeholder {
+:host(.light) .input-container input::placeholder {
   color: var(--light, #ffffff);
 }
 :host(.light) .input-container .label {

package/dist/collection/components/form/form-input/form-input.js

@@ -1,4 +1,4 @@
-import { copyToClipboard, debounce as _debounce, disableKeyboardResize, enableKeyboardResize, extractTextFromStringHTML, getContrastColor, getCssColor, isAndroid, isAnimationsDisabled, isFirefox, isHTML, isIOS, isKeyboardResizeModeInactive, isNativeMobile, isSafari, isWeb, resizeObserve, showToast, translate } from '@shared/utils';
+import { addKeyboardEventListener, copyToClipboard, debounce as _debounce, disableKeyboardResize, enableKeyboardResize, extractTextFromStringHTML, getContrastColor, getCssColor, isAndroid, isAnimationsDisabled, isFirefox, isHTML, isIOS, isKeyboardResizeModeInactive, isNativeMobile, isSafari, isWeb, removeKeyboardEventListeners, resizeObserve, showToast, translate } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import { getAppContext } from '@yobi/utils/helpers/common-helpers';
 import { clearFocused, convertValueForInputType, initNumber, onIconClicked, onInputBlurred, onInputClear, onInputFocused, setContentEditableValidity, setValidator, setValueAndValidateInput, validate } from '@yobi/utils/helpers/form-input-helpers';
@@ -83,6 +83,7 @@ export class YooFormInputComponent {
     this.fireInputChangeEvent = true;
     this.allowDecimals = true;
     this.format = 'input';
+    this.disableKeyboardResizing = false;
     this.inputType = undefined;
     this.remainingCharacters = undefined;
     this.checkboxParams = null;
@@ -169,6 +170,15 @@ export class YooFormInputComponent {
   }
   componentWillLoad() {
     this.onInitInput();
+    if (!this.disableKeyboardResizing && isNativeMobile() && isIOS()) {
+      this.isKeyboardResizeModeInactive = isKeyboardResizeModeInactive();
+      addKeyboardEventListener('keyboardWillShow', () => {
+        enableKeyboardResize();
+      });
+      addKeyboardEventListener('keyboardWillHide', () => {
+        disableKeyboardResize();
+      });
+    }
     if (this.maxCharacters) {
       this.remainingCharacters = this.maxCharacters - (this.value ? this.value.length : 0);
     }
@@ -213,10 +223,6 @@ export class YooFormInputComponent {
       this.inputElement.value = this.value;
       this.updateRemainingCharacters();
     }
-    if (isNativeMobile() && isIOS()) {
-      this.isKeyboardResizeModeInactive = isKeyboardResizeModeInactive();
-      enableKeyboardResize();
-    }
     if (this.focusOnRendered) {
       this.setFocus();
     }
@@ -231,8 +237,11 @@ export class YooFormInputComponent {
     }
   }
   disconnectedCallback() {
-    if (isNativeMobile() && isIOS() && this.isKeyboardResizeModeInactive) {
-      disableKeyboardResize();
+    if (isNativeMobile() && isIOS()) {
+      this.isKeyboardResizeModeInactive && disableKeyboardResize();
+      if (this.disableKeyboardResizing) {
+        removeKeyboardEventListeners();
+      }
     }
   }
   onInitInput() {
@@ -1547,6 +1556,24 @@ export class YooFormInputComponent {
         "attribute": "format",
         "reflect": true,
         "defaultValue": "'input'"
+      },
+      "disableKeyboardResizing": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disable-keyboard-resizing",
+        "reflect": false,
+        "defaultValue": "false"
       }
     };
   }

package/dist/collection/components/form/form-input-comments/form-input-comments.css

@@ -112,8 +112,6 @@ ________________________________________________________________________________
 /* 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.

package/dist/collection/components/form/form-input-container/form-input-container.css

@@ -483,8 +483,6 @@ ________________________________________________________________________________
 /* 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.
@@ -1228,6 +1226,7 @@ svg:not(:root) {
   max-width: 35rem;
   margin: 0 auto;
 }
+:host(.web[form-type$=lesson]) .top-container .content-container ::slotted(yoo-form-hotzones[type=imagemap]),
 :host(.web[form-type$=lesson]) .top-container .content-container ::slotted(yoo-markdown) {
   overflow: hidden auto;
 }

package/dist/collection/components/form/form-json/form-json.css

@@ -112,8 +112,6 @@ ________________________________________________________________________________
 /* 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.

package/dist/collection/components/form/form-location/form-location.css

@@ -112,8 +112,6 @@ ________________________________________________________________________________
 /* 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.

package/dist/collection/components/form/form-missing-word/form-missing-word.css

@@ -112,8 +112,6 @@ ________________________________________________________________________________
 /* 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.

package/dist/collection/components/form/form-missing-word/form-missing-word.js

@@ -94,6 +94,10 @@ export class YooFormMissingWordComponent {
   componentWillUpdate() {
     this.checkValues();
   }
+  disconnectedCallback() {
+    var _a;
+    (_a = this.tags) === null || _a === void 0 ? void 0 : _a.destroy();
+  }
   checkValues() {
     var _a, _b;
     if (this.hasDataChanged) {

package/dist/collection/components/form/form-missionfield/form-missionfield.css

@@ -112,8 +112,6 @@ ________________________________________________________________________________
 /* 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.

package/dist/collection/components/form/form-multi-input/form-multi-input.css

@@ -112,8 +112,6 @@ ________________________________________________________________________________
 /* 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.

package/dist/collection/components/form/form-number-picker/form-number-picker.css

@@ -112,8 +112,6 @@ ________________________________________________________________________________
 /* 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.

package/dist/collection/components/form/form-number-picker-dialog/form-number-picker-dialog.css

@@ -112,8 +112,6 @@ ________________________________________________________________________________
 /* 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.

package/dist/collection/components/form/form-opening-hours/form-opening-hours.css

@@ -112,8 +112,6 @@ ________________________________________________________________________________
 /* 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.

package/dist/collection/components/form/form-palette/form-palette.css

@@ -112,8 +112,6 @@ ________________________________________________________________________________
 /* 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.

package/dist/collection/components/form/form-phone-number/form-phone-number.css

@@ -112,8 +112,6 @@ ________________________________________________________________________________
 /* 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.

package/dist/collection/components/form/form-plan/form-plan.css

@@ -112,8 +112,6 @@ ________________________________________________________________________________
 /* 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.

package/dist/collection/components/form/form-plan-assign/form-plan-assign.css

@@ -112,8 +112,6 @@ ________________________________________________________________________________
 /* 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.

package/dist/collection/components/form/form-pricecheck/form-pricecheck.css

@@ -112,8 +112,6 @@ ________________________________________________________________________________
 /* 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.