dap-design-system 0.16.0 → 0.16.1

package/dist/dds.d.ts

@@ -1285,6 +1285,7 @@ export declare class DapDSCheckbox extends LabelPositionedFormElement {
  * @event dds-focus - Emitted when the select gains focus.
  * @event dds-clear - Emitted when the select is cleared.
  * @event dds-search - Emitted when the manual input value changes.
+ * @event dds-input - Emitted when typing happens in the input.
  *
  * @attribute {string} value - The value of the select.
  * @attribute {string} placeholder - The placeholder of the select.
@@ -2269,6 +2270,8 @@ export declare class DapDSOverlay extends DdsElement {
  * @csspart postfix - The postfix of the password input.
  * @csspart password-input - The password input.
  * @csspart password-input--visible - The visible password input.
+ * @csspart icon - The icon of the password input.
+ * @csspart icon-base - The base of the icon.
  */
 export declare class DapDSPasswordInput extends InputBaseElement {
     passwordVisibile: boolean;
@@ -2587,7 +2590,7 @@ export declare class DapDSSkipLink extends DdsElement {
  * @title - Snackbar
  *
  * @attribute { number } maxItems - Maximum number of snackbar messages at a given time.
- * @attribute { string } position - The position of the snackbar (values can be bottom-left, bottom-right, bottom-center, top-right, top-center). The default value is bottom-center.
+ * @attribute { string } position - The position of the snackbar (values can be bottom-left, bottom-right, bottom-center, top-right, top-center). The default value is bottom-right.
  * @attribute { number } duration - The duration of the snackbar message in milliseconds. Default is 6000ms.
  */
 export declare class DapDSSnackbar extends DdsElement {

package/dist/dds.js

@@ -5704,7 +5704,7 @@ class W extends re {
       }
     }, this.handleInput = async (t) => {
       const i = this.triggerInput;
-      t.inputType !== "deleteContentBackward" || t.inputType === "deleteContentBackward" && this.allowManualInput ? (this.selectedText = i.value, this.value = i.value) : i.value === "" && t.inputType === "deleteContentBackward" && this.clearSelection(), this.emit("dds-input", { input: i.value, originalEvent: t }), this.setValidity();
+      t.inputType !== "deleteContentBackward" || t.inputType === "deleteContentBackward" && this.allowManualInput ? (this.selectedText = i.value, this.search && (this.value = i.value)) : this.search ? (this.selectedText = i.value, this.value = i.value) : i.value === "" && t.inputType === "deleteContentBackward" && this.clearSelection(), this.emit("dds-input", { input: i.value, originalEvent: t }), this.setValidity();
     }, this.handleListKeyDown = (t) => {
       t.detail.key === "Escape" && (this.hideDropDown(), this.currentItem = this.selectedItem, this.selectedText = "", this.triggerInput.value = this.selectedItem.text, this.triggerInput.focus());
     }, this.handleDocumentMouseDown = (t) => {
@@ -8568,12 +8568,12 @@ let ft = class extends Ot($) {
       this.setSelectedOption(t), this.selectionChanged(t), this.currentOption && (this.selectedIndex = this.findIndexByValue(e, this.value), this.emit("dds-option-change", {
         ...this.getEventDetails(this.currentOption)
       }));
-    } else if (this.value && e.length > 0 && !this.search) {
+    } else if (this.value && e.length > 0 && !this.search && !this.isAutoComplete) {
       const t = e.find((i) => !i.disabled);
       this.selectedIndex = 0, this.setCurrentOption(t, !1), this.emit("dds-current-change", {
         ...this.getEventDetails(t)
       });
-    } else if (this.value && e.length > 0 && this.search) {
+    } else if (this.value && e.length > 0 && (this.search || this.isAutoComplete)) {
       const t = e.find((i) => !i.disabled);
       (!this.currentOption || this.currentOption.value !== t?.value) && (this.selectedIndex = 0, this.setCurrentOption(t, !1));
     }
@@ -8690,6 +8690,8 @@ let aa = class extends J {
         <dap-ds-stack direction="row" slot="postfix">
           ${this.loading ? j`<dap-ds-spinner size="lg"></dap-ds-spinner>` : R}
           <dap-ds-icon-button
+            part="icon"
+            exportparts="base:icon-base"
             size=${m(this.size)}
             role="switch"
             arialabel="${this.passwordVisibile ? yt("hide") : yt("show")}"
@@ -10235,7 +10237,7 @@ var jg = Object.defineProperty, Ng = Object.getOwnPropertyDescriptor, Mi = (e, t
 };
 let se = class extends $ {
   constructor() {
-    super(...arguments), this.maxItems = 4, this.position = "bottom-center", this.duration = 6e3, this.messages = [], this.idCounter = 0, this._timeoutId = null;
+    super(...arguments), this.maxItems = 4, this.position = "bottom-right", this.duration = 6e3, this.messages = [], this.idCounter = 0, this._timeoutId = null;
   }
   generateId() {
     return this.idCounter++, `dap-snackbar-${this.idCounter}`;