@yoobic/yobi 8.7.4 → 8.7.6

package/dist/collection/components/2.molecules/modal/modal.js

@@ -23,7 +23,7 @@ export class YooModalComponent {
       var _a;
       if (!isWeb(this.host) && this.dialogElement && ((_a = this.componentProps) === null || _a === void 0 ? void 0 : _a.half) && !this.fullscreen) {
         this.keyboardHeight = ev['keyboardHeight'];
-        await gsapTo(this.dialogElement, 0.5, { y: 0, height: window.innerHeight + this.keyboardHeight });
+        await gsapTo(this.dialogElement, 0.5, { y: 0, height: this.height + this.keyboardHeight });
         this.setFullscreen();
       }
     };
@@ -58,10 +58,14 @@ export class YooModalComponent {
   get device() {
     return findDevice(this.host);
   }
-  get customHeight() {
+  get height() {
     var _a;
     return ((_a = this.device) === null || _a === void 0 ? void 0 : _a.shadowRoot.querySelector('.screen').clientHeight) || window.innerHeight;
   }
+  get width() {
+    var _a;
+    return ((_a = this.device) === null || _a === void 0 ? void 0 : _a.shadowRoot.querySelector('.screen').clientWidth) || window.innerWidth;
+  }
   get zIndexOverlay() {
     var _a;
     return (MODAL_BASE_ZINDEX + (((_a = this.componentProps) === null || _a === void 0 ? void 0 : _a.overlayId) || this.overlayId || 0)).toString();
@@ -86,10 +90,10 @@ export class YooModalComponent {
       if (this.host.classList.contains('app-creator-device')) {
         event.stopPropagation();
       }
-      const modalHeight = window.innerHeight;
+      const modalHeight = this.height;
       const yPos = event.detail.y;
       const dialogYPos = this.modalYPosition + yPos;
-      if (inRange(dialogYPos, 0, window.innerHeight)) {
+      if (inRange(dialogYPos, 0, modalHeight)) {
         this.dialogElement.style.zIndex = (parseFloat(this.zIndexOverlay) + 1).toString();
         gsapSet(this.dialogElement, { y: dialogYPos, height: modalHeight - dialogYPos });
       }
@@ -100,7 +104,7 @@ export class YooModalComponent {
         if (goToMiddle) {
           gsapTo(this.dialogElement, 0.25, {
             y: modalHeight * 0.5,
-            height: window.innerHeight / 2,
+            height: modalHeight / 2,
             onComplete: () => {
               this.modalYPosition = modalHeight * 0.5;
               this.setModalRHeight();
@@ -111,7 +115,7 @@ export class YooModalComponent {
         if (goToTop) {
           gsapTo(this.dialogElement, 0.25, {
             y: 0,
-            height: window.innerHeight,
+            height: modalHeight,
             onComplete: () => {
               this.modalYPosition = 0;
               this.setModalRHeight();
@@ -158,7 +162,7 @@ export class YooModalComponent {
     const isPhotoEditor = getComponentTag() === 'YOO-PHOTO-EDITOR';
     const isHalfSize = (_a = this.componentProps) === null || _a === void 0 ? void 0 : _a.half;
     const coeffHalf = 1 - (((_b = this.componentProps) === null || _b === void 0 ? void 0 : _b.coeffHalf) || 0.5);
-    this.modalYPosition = isHalfSize ? this.customHeight * coeffHalf : 0;
+    this.modalYPosition = isHalfSize ? this.height * coeffHalf : 0;
     const isFromBottom = ((_c = this.finalEnterAnimation) === null || _c === void 0 ? void 0 : _c.includes('slideYEnterAnimation')) && this.component instanceof HTMLElement && !isAutocompleteDialog;
     const isContextMenu = this.isMode('context-menu') || this.isMode('language-selector');
     const allowScaleEffect = isWeb(this.host) && !this.isMode('quickview') && !this.isMode('transparent');
@@ -169,7 +173,7 @@ export class YooModalComponent {
       return;
     }
     if (isFromBottom && !this.componentProps.half) {
-      this.dialogElement.style.transform = `translateY(${this.customHeight}px)`;
+      this.dialogElement.style.transform = `translateY(${this.height}px)`;
     }
     if (isWeb(this.host)) {
       this.dialogElement.style.height = this.getModalHeight();
@@ -216,10 +220,10 @@ export class YooModalComponent {
           scaleEffect: allowScaleEffect,
           duration: this.modalEnterAnimationDuration,
           modalPosition: this.componentProps.half && coeffHalf,
-          customHeight: this.customHeight
+          customHeight: this.height
         }).then(() => {
           if (isHalfSize && this.modalYPosition >= 0) {
-            this.dialogElement.style.height = `${this.customHeight - this.modalYPosition}px`;
+            this.dialogElement.style.height = `${this.height - this.modalYPosition}px`;
           }
           this.setArrowsStyle();
         }));
@@ -241,14 +245,14 @@ export class YooModalComponent {
       this.dialogElement.style.display = 'none';
     }
     if (this.resizeListener) {
-      window.removeEventListener('resize', this.resizeListener);
+      removeEventListener('resize', this.resizeListener);
     }
     return dismiss(this, data, role, overlayDismiss, () => {
       const coeffHalf = 1 - (this.componentProps.coeffHalf || 0.5);
       return modalAnimationFactory(this.finalLeaveAnimation, this.elementToAnimate, {
         duration: this.modalLeaveAnimationDuration,
         modalPosition: this.componentProps.half && coeffHalf,
-        customHeight: this.customHeight
+        customHeight: this.height
       });
     }).then(() => {
       return detachComponent(this.delegate, this.dialogContentElement);
@@ -308,13 +312,13 @@ export class YooModalComponent {
     this.modalDidLoad.emit();
     if (this.host.classList.contains('preview') && isWeb(this.host)) {
       this.setPreviewModalIndicatorPosition();
-      window.addEventListener('resize', this.resizeListener);
+      addEventListener('resize', this.resizeListener);
     }
     if (!isWeb(this.host)) {
       this.keyboardDidHideListener = debounce(this.onKeyboardDidHide, 500).bind(this);
-      window.addEventListener('keyboardDidHide', this.keyboardDidHideListener);
+      addEventListener('keyboardDidHide', this.keyboardDidHideListener);
       this.keyboardDidShowListener = debounce(this.onKeyboardDidShow, 500).bind(this);
-      window.addEventListener('keyboardDidShow', this.keyboardDidShowListener);
+      addEventListener('keyboardDidShow', this.keyboardDidShowListener);
     }
   }
   disconnectedCallback() {
@@ -322,15 +326,15 @@ export class YooModalComponent {
       this.modalDidUnload.emit();
     }
     if (this.host.classList.contains('preview') && isWeb(this.host) && this.resizeListener) {
-      window.removeEventListener('resize', this.resizeListener);
+      removeEventListener('resize', this.resizeListener);
     }
     if (!isWeb(this.host)) {
-      window.removeEventListener('keyboardDidHide', this.keyboardDidHideListener);
-      window.removeEventListener('keyboardDidShow', this.keyboardDidShowListener);
+      removeEventListener('keyboardDidHide', this.keyboardDidHideListener);
+      removeEventListener('keyboardDidShow', this.keyboardDidShowListener);
     }
   }
   setModalRHeight() {
-    this.dialogElement.style.height = `${(window.innerHeight + this.keyboardHeight) - this.modalYPosition}px`;
+    this.dialogElement.style.height = `${(this.height + this.keyboardHeight) - this.modalYPosition}px`;
   }
   setArrowsStyle() {
     const slidesElement = this.host.querySelector('yoo-ion-slides');
@@ -381,7 +385,7 @@ export class YooModalComponent {
     this.host.classList.remove(modalClass[1]);
     this.dialogContentElement.classList.add(modalClass[0]);
     this.dialogContentElement.classList.remove(modalClass[1]);
-    const modalHeight = window.innerHeight + this.keyboardHeight;
+    const modalHeight = this.height + this.keyboardHeight;
     const newHeight = `${modalHeight}px`;
     if (isFullscreen) {
       this.dialogElement.style.height = newHeight;
@@ -391,7 +395,7 @@ export class YooModalComponent {
     else if (this.dialogContentElement.clientHeight === modalHeight) {
       const isHalfSize = this.componentProps.half;
       const coeffHalf = 1 - (this.componentProps.coeffHalf || 0.5);
-      this.modalYPosition = isHalfSize ? this.customHeight * coeffHalf : 0;
+      this.modalYPosition = isHalfSize ? this.height * coeffHalf : 0;
       this.dialogElement.style.top = `${this.modalYPosition}px`;
       this.setModalRHeight();
     }
@@ -451,9 +455,7 @@ export class YooModalComponent {
     }
   }
   setPreviewModalIndicatorPosition() {
-    const SCREEN_WIDTH = window.innerWidth;
-    const indicatorLeftPositionClass = SCREEN_WIDTH >= 1350 ? 'left-50' : 'left-90';
-    this.dialogElement.classList.add(indicatorLeftPositionClass);
+    this.dialogElement.classList.add(`left-${this.width >= 1350 ? 50 : 90}`);
   }
   onOverlayDismissClick(ev) {
     if (this.componentInstance && 'onCancel' in this.componentInstance && this.enableBackdropDismiss) {

package/dist/collection/components/2.molecules/points-recap/points-recap.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/2.molecules/profile-list/profile-list.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/2.molecules/profile-summary/profile-summary.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/2.molecules/progress-recap/progress-recap.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/2.molecules/rating/rating.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/2.molecules/refresher/refresher.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/2.molecules/reveal/reveal.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/2.molecules/scroll/scroll.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/2.molecules/segmented-control/segmented-control.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/2.molecules/slide/slide.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/2.molecules/slides/slides.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/2.molecules/text-sequence/text-sequence.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/3.organisms/audio-recorder/audio-recorder-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/3.organisms/color-selector/color-selector.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/3.organisms/count-down/count-down.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/3.organisms/device/device.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/3.organisms/device-list/device-list.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/3.organisms/display-increment/display-increment.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/3.organisms/header/header.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/3.organisms/input-bar/input-bar.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/3.organisms/mention-tag/mention-tag.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/3.organisms/mobile-tabbar/mobile-tabbar.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/3.organisms/mobile-tabbar-more/mobile-tabbar-more.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/3.organisms/notification/notification.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/3.organisms/numbers-display/numbers-display.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/3.organisms/photo-editor/photo-editor.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/3.organisms/section-list/section-list.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/3.organisms/split-button/split-button.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/3.organisms/swipe-container/swipe-container.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/3.organisms/toast/toast.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/3.organisms/video-player/videoplayer-core.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/3.organisms/video-player/videoplayer-dailymotion/videoplayer-dailymotion.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/3.organisms/video-player/videoplayer-videojs/videoplayer-videojs.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/3.organisms/video-player/videoplayer-vimeo/videoplayer-vimeo.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/3.organisms/video-player/videoplayer-youtube/videoplayer-youtube.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/3.organisms/virtual-scroll/virtual-scroll.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/3.organisms/webcam/webcam.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/3.organisms/zoom/zoom.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/entities/card/card.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/entities/card-avatar/card-avatar.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/entities/card-avatars/card-avatars.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/entities/card-cell/card-cell.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/entities/card-image/card-image.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/entities/card-list/collapsible/card-list-collapsible.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.