smoothly 1.0.0-alpha.212 → 1.0.0-alpha.213

package/dist/cjs/smoothly-app_80.cjs.entry.js

@@ -9557,18 +9557,6 @@ Notifier.style = styleCss$x;
 
 const styleCss$w = ".sc-smoothly-picker-h{box-sizing:border-box}.sc-smoothly-picker-h[looks=\"border\"].sc-smoothly-picker-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-picker-h{border:rgb(var(--text-color, var(--smoothly-color-contrast))) solid 1px}[looks=\"border\"][readonly].sc-smoothly-picker-h{border:rgba(var(--text-color, var(--smoothly-color-contrast)), .1) solid 1px}.sc-smoothly-picker-h[looks=\"line\"].sc-smoothly-picker-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-picker-h{border-bottom:rgb(var(--text-color, var(--smoothly-color-contrast))) solid 1px}[looks=\"line\"][readonly].sc-smoothly-picker-h{border-bottom:rgba(var(--text-color, var(--smoothly-color-contrast)), .1) solid 1px}.sc-smoothly-picker-h[looks=\"grid\"].sc-smoothly-picker-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-picker-h{border:rgba(var(--text-color, var(--smoothly-color-contrast)), .5) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-picker-h{border:rgba(var(--text-color, var(--smoothly-color-contrast)), .2) solid .5px}[looks=\"transparent\"].sc-smoothly-picker-h{border:none}[looks=\"transparent\"].sc-smoothly-picker-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-picker-h:not(:focus-within) input.sc-smoothly-picker{background:transparent}[looks=\"transparent\"].sc-smoothly-picker-h:focus-within{outline:1px solid rgb(var(--smoothly-color-contrast))}.sc-smoothly-picker-h{display:flex;position:relative;width:max-content;padding:1.2em 0.7em 0.2em 0.8em;background-color:rgb(var(--background-color, var(--smoothly-color-shade)))}.sc-smoothly-picker-h div.element.sc-smoothly-picker{display:flex;background-color:inherit}smoothly-slot-elements.sc-smoothly-picker{white-space:nowrap}.selected.sc-smoothly-picker{position:relative;display:flex;align-items:center;gap:1rem;width:100%;overflow:hidden;text-overflow:ellipsis;margin-right:2px}.selected.sc-smoothly-picker::after{content:\"\";position:absolute;top:0;bottom:0;right:0;width:2ch}.sc-smoothly-picker-h:not([looks=transparent]) .selected.sc-smoothly-picker::after{background:linear-gradient(90deg, rgba(var(--background-color, var(--smoothly-color-shade)), 0) 0%, rgba(var(--background-color, var(--smoothly-color-shade)), 1) 100%)}.selected.sc-smoothly-picker *.sc-smoothly-picker{display:none}.label.sc-smoothly-picker{position:absolute;left:0.4rem;top:0.6rem;color:rgb(var(--text-color, var(--smoothly-color-contrast)));opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.selected.sc-smoothly-picker:not(:empty)+.label.sc-smoothly-picker{top:0.4em;transform:scale(0.6)}";
 
-var __rest$1 = (undefined && undefined.__rest) || function (s, e) {
-  var t = {};
-  for (var p in s)
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-      t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function")
-    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-        t[p[i]] = s[p[i]];
-    }
-  return t;
-};
 const SmoothlyPicker = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
@@ -9590,12 +9578,9 @@ const SmoothlyPicker = class {
     this.smoothlyInputLooks.emit(looks => (this.looks = looks));
   }
   selectedChanged() {
-    var _a;
     const selected = Array.from(this.selected.values(), option => option.value);
-    if ((_a = this.controls) === null || _a === void 0 ? void 0 : _a.synced()) {
-      this.smoothlyInput.emit({ [this.name]: this.multiple ? selected : selected.at(0) });
-      this.smoothlyChange.emit({ [this.name]: this.multiple ? selected : selected.at(0) });
-    }
+    this.smoothlyInput.emit({ [this.name]: this.multiple ? selected : selected.at(0) });
+    this.smoothlyChange.emit({ [this.name]: this.multiple ? selected : selected.at(0) });
     this.display = Array.from(this.selected.values(), option => {
       const span = document.createElement("span");
       option.slotted.forEach(node => span.appendChild(node.cloneNode(true)));
@@ -9604,10 +9589,7 @@ const SmoothlyPicker = class {
   }
   componentDidLoad() {
     if (this.controls)
-      this.smoothlyPickerLoaded.emit(((_a) => {
-        var controls = __rest$1(_a, ["synced"]);
-        return controls;
-      })(this.controls));
+      this.smoothlyPickerLoaded.emit(this.controls);
   }
   smoothlyInputLooksHandler(event) {
     if (event.target != this.element)
@@ -9741,7 +9723,6 @@ const SmoothlyPickerMenu = class {
     index.registerInstance(this, hostRef);
     this.notice = index.createEvent(this, "notice", 7);
     this.smoothlyPickerMenuLoaded = index.createEvent(this, "smoothlyPickerMenuLoaded", 7);
-    this.synced = false;
     this.looks = undefined;
     this.open = false;
     this.multiple = false;
@@ -9768,12 +9749,6 @@ const SmoothlyPickerMenu = class {
       }, { threshold }));
     }
   }
-  sync() {
-    if (this.backend.size != this.options.size)
-      this.synced = false;
-    else
-      this.synced = true;
-  }
   componentDidLoad() {
     this.smoothlyPickerMenuLoaded.emit({
       remember: () => {
@@ -9807,7 +9782,6 @@ const SmoothlyPickerMenu = class {
         this.options = new Map(Array.from(this.options.entries()).filter(([key]) => !this.created.has(key)));
         this.created = new Map();
       },
-      synced: () => this.synced,
     });
   }
   disconnectedCallback() {
@@ -9834,7 +9808,6 @@ const SmoothlyPickerMenu = class {
   optionLoadHandler(event) {
     if (!this.listElement || !event.composedPath().includes(this.listElement)) {
       event.stopPropagation();
-      this.sync();
       event.detail.set.readonly(this.readonly);
       const current = this.options.get(event.detail.value);
       if (current)
@@ -9852,7 +9825,6 @@ const SmoothlyPickerMenu = class {
     }
     else
       this.options.set(event.detail.value, event.detail);
-    this.sync();
   }
   optionChangeHandler(event) {
     var _a;