@uploadcare/file-uploader 1.5.3-alpha.0 → 1.5.3-alpha.2

package/blocks/Range/Range.js

@@ -1,44 +0,0 @@
-import { BaseComponent } from '@symbiotejs/symbiote';
-
-export class Range extends BaseComponent {
-  init$ = {
-    cssLeft: '50%',
-    barActive: false,
-    value: 50,
-    onChange: (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      this.$.value = parseFloat(this._range.value);
-      this.dispatchEvent(new Event('change'));
-    },
-  };
-
-  initCallback() {
-    super.initCallback();
-    /** @type {HTMLInputElement} */
-    this._range = this.ref.range;
-    [...this.attributes].forEach((attr) => {
-      let exclude = ['style', 'ref'];
-      if (!exclude.includes(attr.name)) {
-        this.ref.range.setAttribute(attr.name, attr.value);
-      }
-    });
-    this.sub('value', (val) => {
-      let pcnt = (val / 100) * 100;
-      this.$.cssLeft = `${pcnt}%`;
-    });
-    this.defineAccessor('value', (val) => {
-      this.$.value = val;
-    });
-  }
-}
-
-Range.template = /* HTML */ `
-  <div class="uc-track-wrapper">
-    <div class="uc-track"></div>
-    <div class="uc-bar" set -style.width="cssLeft" -@active="barActive"></div>
-    <div class="uc-slider" set -style.left="cssLeft"></div>
-  </div>
-
-  <input type="range" ref="range" set -@value="value" -oninput="onChange" />
-`;

package/blocks/Range/range.css

@@ -1,65 +0,0 @@
-uc-range {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  height: var(--uc-button-size);
-}
-
-uc-range datalist {
-  display: none;
-}
-
-uc-range input {
-  width: 100%;
-  height: 100%;
-  opacity: 0;
-}
-
-uc-range .uc-track-wrapper {
-  position: absolute;
-  right: 10px;
-  left: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 2px;
-  user-select: none;
-  pointer-events: none;
-}
-
-uc-range .uc-track {
-  position: absolute;
-  right: 0;
-  left: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 2px;
-  background-color: currentColor;
-  border-radius: 2px;
-  opacity: 0.5;
-}
-
-uc-range .uc-slider {
-  position: absolute;
-  width: 16px;
-  height: 16px;
-  background-color: currentColor;
-  border-radius: 100%;
-  transform: translateX(-50%);
-}
-
-uc-range .uc-bar {
-  position: absolute;
-  left: 0;
-  height: 100%;
-  background-color: currentColor;
-  border-radius: 2px;
-}
-
-uc-range .uc-caption {
-  position: absolute;
-  display: inline-flex;
-  justify-content: center;
-}