inviton-powerduck 0.0.224 → 0.0.226

package/components/chart-js/thirdparty/flot/jquery.flot.stack.min.js

@@ -1,104 +1,104 @@
-/* Javascript plotting library for jQuery, version 0.8.3.
-
-Copyright (c) 2007-2014 IOLA and Ole Laursen.
-Licensed under the MIT license.
-
-*/
-(function ($) {
-    var options = { series: { stack: null } };
-    function init(plot) {
-        function findMatchingSeries(s, allseries) {
-            var res = null;
-            for (var i = 0; i < allseries.length; ++i) {
-                if (s == allseries[i]) break;
-                if (allseries[i].stack == s.stack) res = allseries[i];
-            }
-            return res;
-        }
-        function stackData(plot, s, datapoints) {
-            if (s.stack == null || s.stack === false) return;
-            var other = findMatchingSeries(s, plot.getData());
-            if (!other) return;
-            var ps = datapoints.pointsize,
-                points = datapoints.points,
-                otherps = other.datapoints.pointsize,
-                otherpoints = other.datapoints.points,
-                newpoints = [],
-                px,
-                py,
-                intery,
-                qx,
-                qy,
-                bottom,
-                withlines = s.lines.show,
-                horizontal = s.bars.horizontal,
-                withbottom = ps > 2 && (horizontal ? datapoints.format[2].x : datapoints.format[2].y),
-                withsteps = withlines && s.lines.steps,
-                fromgap = true,
-                keyOffset = horizontal ? 1 : 0,
-                accumulateOffset = horizontal ? 0 : 1,
-                i = 0,
-                j = 0,
-                l,
-                m;
-            while (true) {
-                if (i >= points.length) break;
-                l = newpoints.length;
-                if (points[i] == null) {
-                    for (m = 0; m < ps; ++m) newpoints.push(points[i + m]);
-                    i += ps;
-                } else if (j >= otherpoints.length) {
-                    if (!withlines) {
-                        for (m = 0; m < ps; ++m) newpoints.push(points[i + m]);
-                    }
-                    i += ps;
-                } else if (otherpoints[j] == null) {
-                    for (m = 0; m < ps; ++m) newpoints.push(null);
-                    fromgap = true;
-                    j += otherps;
-                } else {
-                    px = points[i + keyOffset];
-                    py = points[i + accumulateOffset];
-                    qx = otherpoints[j + keyOffset];
-                    qy = otherpoints[j + accumulateOffset];
-                    bottom = 0;
-                    if (px == qx) {
-                        for (m = 0; m < ps; ++m) newpoints.push(points[i + m]);
-                        newpoints[l + accumulateOffset] += qy;
-                        bottom = qy;
-                        i += ps;
-                        j += otherps;
-                    } else if (px > qx) {
-                        if (withlines && i > 0 && points[i - ps] != null) {
-                            intery = py + ((points[i - ps + accumulateOffset] - py) * (qx - px)) / (points[i - ps + keyOffset] - px);
-                            newpoints.push(qx);
-                            newpoints.push(intery + qy);
-                            for (m = 2; m < ps; ++m) newpoints.push(points[i + m]);
-                            bottom = qy;
-                        }
-                        j += otherps;
-                    } else {
-                        if (fromgap && withlines) {
-                            i += ps;
-                            continue;
-                        }
-                        for (m = 0; m < ps; ++m) newpoints.push(points[i + m]);
-                        if (withlines && j > 0 && otherpoints[j - otherps] != null)
-                            bottom = qy + ((otherpoints[j - otherps + accumulateOffset] - qy) * (px - qx)) / (otherpoints[j - otherps + keyOffset] - qx);
-                        newpoints[l + accumulateOffset] += bottom;
-                        i += ps;
-                    }
-                    fromgap = false;
-                    if (l != newpoints.length && withbottom) newpoints[l + 2] += bottom;
-                }
-                if (withsteps && l != newpoints.length && l > 0 && newpoints[l] != null && newpoints[l] != newpoints[l - ps] && newpoints[l + 1] != newpoints[l - ps + 1]) {
-                    for (m = 0; m < ps; ++m) newpoints[l + ps + m] = newpoints[l + m];
-                    newpoints[l + 1] = newpoints[l - ps + 1];
-                }
-            }
-            datapoints.points = newpoints;
-        }
-        plot.hooks.processDatapoints.push(stackData);
-    }
-    $.plot.plugins.push({ init: init, options: options, name: "stack", version: "1.2" });
-})(jQuery);
+/* Javascript plotting library for jQuery, version 0.8.3.
+
+Copyright (c) 2007-2014 IOLA and Ole Laursen.
+Licensed under the MIT license.
+
+*/
+(function ($) {
+    var options = { series: { stack: null } };
+    function init(plot) {
+        function findMatchingSeries(s, allseries) {
+            var res = null;
+            for (var i = 0; i < allseries.length; ++i) {
+                if (s == allseries[i]) break;
+                if (allseries[i].stack == s.stack) res = allseries[i];
+            }
+            return res;
+        }
+        function stackData(plot, s, datapoints) {
+            if (s.stack == null || s.stack === false) return;
+            var other = findMatchingSeries(s, plot.getData());
+            if (!other) return;
+            var ps = datapoints.pointsize,
+                points = datapoints.points,
+                otherps = other.datapoints.pointsize,
+                otherpoints = other.datapoints.points,
+                newpoints = [],
+                px,
+                py,
+                intery,
+                qx,
+                qy,
+                bottom,
+                withlines = s.lines.show,
+                horizontal = s.bars.horizontal,
+                withbottom = ps > 2 && (horizontal ? datapoints.format[2].x : datapoints.format[2].y),
+                withsteps = withlines && s.lines.steps,
+                fromgap = true,
+                keyOffset = horizontal ? 1 : 0,
+                accumulateOffset = horizontal ? 0 : 1,
+                i = 0,
+                j = 0,
+                l,
+                m;
+            while (true) {
+                if (i >= points.length) break;
+                l = newpoints.length;
+                if (points[i] == null) {
+                    for (m = 0; m < ps; ++m) newpoints.push(points[i + m]);
+                    i += ps;
+                } else if (j >= otherpoints.length) {
+                    if (!withlines) {
+                        for (m = 0; m < ps; ++m) newpoints.push(points[i + m]);
+                    }
+                    i += ps;
+                } else if (otherpoints[j] == null) {
+                    for (m = 0; m < ps; ++m) newpoints.push(null);
+                    fromgap = true;
+                    j += otherps;
+                } else {
+                    px = points[i + keyOffset];
+                    py = points[i + accumulateOffset];
+                    qx = otherpoints[j + keyOffset];
+                    qy = otherpoints[j + accumulateOffset];
+                    bottom = 0;
+                    if (px == qx) {
+                        for (m = 0; m < ps; ++m) newpoints.push(points[i + m]);
+                        newpoints[l + accumulateOffset] += qy;
+                        bottom = qy;
+                        i += ps;
+                        j += otherps;
+                    } else if (px > qx) {
+                        if (withlines && i > 0 && points[i - ps] != null) {
+                            intery = py + ((points[i - ps + accumulateOffset] - py) * (qx - px)) / (points[i - ps + keyOffset] - px);
+                            newpoints.push(qx);
+                            newpoints.push(intery + qy);
+                            for (m = 2; m < ps; ++m) newpoints.push(points[i + m]);
+                            bottom = qy;
+                        }
+                        j += otherps;
+                    } else {
+                        if (fromgap && withlines) {
+                            i += ps;
+                            continue;
+                        }
+                        for (m = 0; m < ps; ++m) newpoints.push(points[i + m]);
+                        if (withlines && j > 0 && otherpoints[j - otherps] != null)
+                            bottom = qy + ((otherpoints[j - otherps + accumulateOffset] - qy) * (px - qx)) / (otherpoints[j - otherps + keyOffset] - qx);
+                        newpoints[l + accumulateOffset] += bottom;
+                        i += ps;
+                    }
+                    fromgap = false;
+                    if (l != newpoints.length && withbottom) newpoints[l + 2] += bottom;
+                }
+                if (withsteps && l != newpoints.length && l > 0 && newpoints[l] != null && newpoints[l] != newpoints[l - ps] && newpoints[l + 1] != newpoints[l - ps + 1]) {
+                    for (m = 0; m < ps; ++m) newpoints[l + ps + m] = newpoints[l + m];
+                    newpoints[l + 1] = newpoints[l - ps + 1];
+                }
+            }
+            datapoints.points = newpoints;
+        }
+        plot.hooks.processDatapoints.push(stackData);
+    }
+    $.plot.plugins.push({ init: init, options: options, name: "stack", version: "1.2" });
+})(jQuery);

package/components/dropdown/css/smart-dropdown.scss

@@ -1,4 +1,4 @@
-.gopass-filter-wrapper {
+.smart-dropdown-wrapper {
     /* ... [Previous variables and base styles] ... */
     --bs-blue: #0d6efd;
     --bs-btn-bg: #0d6efd;
@@ -257,7 +257,10 @@
     }
 
     .list-item-custom-container {
+        padding: 8px 16px;
         cursor: pointer;
+        display: flex;
+        align-items: center;
         border-bottom: 1px solid #f8f9fa;
         transition: background-color 0.15s;
 
@@ -376,7 +379,7 @@
 
     /* When in 'input' mode on Desktop: Hide internal search header and footer */
     @media (min-width: 769px) {
-        &.mode-input {
+        	&.mode-input {
             .internal-search-header {
                 display: none !important;
             }
@@ -407,7 +410,7 @@
 
         /* On Mobile, always show the internal search/footer even if in 'input' mode */
         /* because the external input is behind the modal */
-        &.mode-input {
+        	&.mode-input {
             .internal-search-header {
                 display: flex !important;
             }

package/components/dropdown/smart-dropdown.tsx

@@ -49,6 +49,21 @@ export interface SmartDropdownSection {
 	items: SmartDropdownItem[];
 }
 
+/** Callback to change selection state of an item */
+export type SelectionChangedCallback = (forceSelected?: boolean) => void;
+
+/** Arguments passed to customListItemRender */
+export interface CustomListItemRenderArgs {
+	/** The item being rendered */
+	item: SmartDropdownItem;
+	/** Whether the item is currently selected */
+	isSelected: boolean;
+	/** Callback to change selection state. Call with true to select, false to deselect, or undefined to toggle */
+	selectionChanged: SelectionChangedCallback;
+	/** Renders the item using the default SmartDropdown renderer */
+	baseRender: () => VNode;
+}
+
 interface SmartDropdownArgs extends FormItemWrapperArgs {
 	categories: SmartDropdownCategoryItem[];
 	customSections: SmartDropdownSection[];
@@ -60,9 +75,12 @@ interface SmartDropdownArgs extends FormItemWrapperArgs {
 	buttonLayout: 'footer' | 'inline';
 	searchMode: 'dropdown' | 'input';
 	customTriggerScope?: 'mobile' | 'desktop' | 'all';
-	customSectionRender?: (item: SmartDropdownItem, selected: boolean) => VNode;
+	/** Custom renderer for list items. Receives args object with item, isSelected, selectionChanged, and baseRender */
+	customListItemRender?: (args: CustomListItemRenderArgs) => VNode;
 	customTriggerRender?: () => VNode;
 	changed: (e: SmartDropdownItem[]) => void;
+	/** Called when an item is clicked. Return true to prevent default selection behavior. */
+	onItemClick?: (item: SmartDropdownItem) => boolean;
 }
 
 @Component
@@ -99,9 +117,10 @@ export default class SmartDropdown extends TsxComponent<SmartDropdownArgs> imple
 	@Prop({ type: String, default: 'footer' }) readonly buttonLayout!: 'footer' | 'inline';
 	@Prop({ type: String, default: 'dropdown' }) readonly searchMode!: 'dropdown' | 'input';
 	@Prop({ type: String, default: 'all' }) readonly customTriggerScope!: 'mobile' | 'desktop' | 'all';
-	@Prop({ type: Function }) readonly customSectionRender?: (item: SmartDropdownItem, selected: boolean) => VNode;
+	@Prop({ type: Function }) readonly customListItemRender?: (args: CustomListItemRenderArgs) => VNode;
 	@Prop({ type: Function }) readonly customTriggerRender?: () => VNode;
 	@Prop() readonly changed: (e: SmartDropdownItem[]) => void;
+	@Prop({ type: Function }) readonly onItemClick?: (item: SmartDropdownItem) => boolean;
 
 	// --- State ---
 	isOpen = false;
@@ -414,21 +433,32 @@ export default class SmartDropdown extends TsxComponent<SmartDropdownArgs> imple
 		}, 800);
 	}
 
-	handleItemClick(item: SmartDropdownItem) {
-		const isSelected = this.isSelected(item);
+	handleItemClick(item: SmartDropdownItem, forceSelected?: boolean) {
+		// Allow parent to intercept and handle the click
+		if (this.onItemClick?.(item)) {
+			this.closeDropdown();
+			return;
+		}
+
+		const isCurrentlySelected = this.isSelected(item);
+		// Use forceSelected if provided, otherwise toggle based on current state
+		const shouldBeSelected = forceSelected !== undefined ? forceSelected : !isCurrentlySelected;
+
 		let newSelection: SmartDropdownItem[] = [];
 
 		if (this.multiselect) {
-			if (isSelected) {
+			if (shouldBeSelected && !isCurrentlySelected) {
+				// Add item
+				newSelection = [...this.value, item];
+			} else if (!shouldBeSelected && isCurrentlySelected) {
+				// Remove item
 				newSelection = this.value.filter(i => i.id !== item.id);
 			} else {
-				newSelection = [
-					...this.value,
-					item,
-				];
+				// No change needed
+				newSelection = [...this.value];
 			}
 		} else {
-			newSelection = [item];
+			newSelection = shouldBeSelected ? [item] : [];
 			this.closeDropdown();
 		}
 
@@ -600,17 +630,52 @@ export default class SmartDropdown extends TsxComponent<SmartDropdownArgs> imple
 		);
 	}
 
+	/** Renders the default list item content (without wrapper) */
+	renderDefaultListItemContent(item: SmartDropdownItem, isSelected: boolean): VNode {
+		const searchResult = item as SmartDropdownSearchResultItem;
+		const hasSubtitle = !!searchResult.subtitle;
+		const hasImage = !!searchResult.imageUrl;
+		const showCheckbox = this.multiselect && !this.isSearchActive && !hasImage;
+
+		return (
+			<>
+				{hasImage
+					? (
+							<img src={searchResult.imageUrl} class="result-image" alt="" />
+						)
+					: (
+							showCheckbox && <div class={`checkbox-visual ${isSelected ? 'checked' : ''}`} aria-hidden="true"></div>
+						)}
+
+				<div class="item-content">
+					<span class="item-text">{item.text}</span>
+					{hasSubtitle && (
+						<span class="item-subtitle">{searchResult.subtitle}</span>
+					)}
+				</div>
+			</>
+		);
+	}
+
 	renderListItem(item: SmartDropdownItem, index: number) {
 		const isSelected = this.isSelected(item);
 		const isFocused = this.focusedIndex === index;
 		const uniqueId = `${this.uid}-option-${index}`;
 
+		// Create selectionChanged callback for this item
+		const selectionChanged: SelectionChangedCallback = (forceSelected?: boolean) => {
+			this.handleItemClick(item, forceSelected);
+		};
+
+		// Create baseRender function that returns the default rendering
+		const baseRender = (): VNode => this.renderDefaultListItemContent(item, isSelected);
+
 		// Wrapper properties for accessibility
 		const wrapperProps = {
 			'id': uniqueId,
 			'class': {
-				'list-item-custom-container': !!this.customSectionRender,
-				'list-item': !this.customSectionRender,
+				'list-item-custom-container': !!this.customListItemRender,
+				'list-item': !this.customListItemRender,
 				'selected': isSelected,
 				'focused': isFocused, // Visual focus state
 				'no-checkbox': !this.multiselect,
@@ -622,36 +687,18 @@ export default class SmartDropdown extends TsxComponent<SmartDropdownArgs> imple
 		};
 
 		// 1. Custom Renderer
-		if (this.customSectionRender) {
+		if (this.customListItemRender) {
 			return (
 				<div {...wrapperProps}>
-					{this.customSectionRender(item, isSelected)}
+					{this.customListItemRender({ item, isSelected, selectionChanged, baseRender })}
 				</div>
 			);
 		}
 
 		// 2. Default Renderer
-		const searchResult = item as SmartDropdownSearchResultItem;
-		const hasSubtitle = !!searchResult.subtitle;
-		const hasImage = !!searchResult.imageUrl;
-		const showCheckbox = this.multiselect && !this.isSearchActive && !hasImage;
-
 		return (
 			<div {...wrapperProps}>
-				{hasImage
-					? (
-							<img src={searchResult.imageUrl} class="result-image" alt="" />
-						)
-					: (
-							showCheckbox && <div class={`checkbox-visual ${isSelected ? 'checked' : ''}`} aria-hidden="true"></div>
-						)}
-
-				<div class="item-content">
-					<span class="item-text">{item.text}</span>
-					{hasSubtitle && (
-						<span class="item-subtitle">{searchResult.subtitle}</span>
-					)}
-				</div>
+				{this.renderDefaultListItemContent(item, isSelected)}
 			</div>
 		);
 	}
@@ -662,7 +709,7 @@ export default class SmartDropdown extends TsxComponent<SmartDropdownArgs> imple
 		return (
 			<FormItemWrapper label={this.label} cssClass={this.cssClass} mandatory={this.mandatory} wrap={this.wrap} appendIcon={this.appendIcon} prependIcon={this.prependIcon} hint={this.hint} marginType={this.marginType} appendClicked={this.appendClicked} prependClicked={this.prependClicked} prependIconClicked={this.prependIconClicked} appendIconClicked={this.appendIconClicked} maxWidth={this.maxWidth} validationState={this.validationState} labelButtons={this.labelButtons} subtitle={this.subtitle} showClearValueButton={this.showClearValueButton}>
 				<div
-					class={`gopass-filter-wrapper mode-${this.searchMode}`}
+					class={`smart-dropdown-wrapper mode-${this.searchMode}`}
 					// Only the outer wrapper acts as combobox if not in direct input mode
 					role={this.searchMode !== 'input' ? 'combobox' : undefined}
 					aria-expanded={this.isOpen}