inviton-powerduck 0.0.120 → 0.0.121

package/common/location-utils.ts

@@ -0,0 +1,12 @@
+export default class LocationUtils {
+	static getCurrentLocation (): Promise<GeolocationPosition> {
+		return new Promise((resolve, reject) => {
+			if (!navigator.geolocation) {
+				reject(new Error('Geolocation is not supported.'));
+				return;
+			}
+
+			navigator.geolocation.getCurrentPosition(resolve, reject);
+		});
+	}
+}

package/components/counter/testall.tsx

@@ -45,6 +45,11 @@ import Modal, { ModalSize } from '../modal/modal';
 import ModalBody from '../modal/modal-body';
 import ModalFooter from '../modal/modal-footer';
 
+interface TagItem {
+	id: string;
+	text: string;
+}
+
 @Component
 class TestAllComponentsPageComponent extends PowerduckViewModelBase {
 	name: string = null; // Needs to have =null suffixed so that TS compiler takes it into account
@@ -55,6 +60,8 @@ class TestAllComponentsPageComponent extends PowerduckViewModelBase {
 	blockModal: boolean = false;
 	color: string = '#FF00FF';
 	numberVal: number = 1;
+	tags: TagItem[] = [];
+	selectedTagIds: string[] = [];
 
 	protected get breadcrumbItems(): BreadcrumbItem[] {
 		return [
@@ -128,6 +135,19 @@ class TestAllComponentsPageComponent extends PowerduckViewModelBase {
 		});
 	}
 
+	getTagDropdown(): typeof DropdownList.prototype {
+		return this.$refs.tagsDropdown as typeof DropdownList.prototype;
+	}
+
+	fireChangedEvent(e: string[]) {
+		this.$nextTick(() => {
+			this.getTagDropdown().close();
+			this.$nextTick(() => {
+				this.selectedTagIds = e;
+			});
+		});
+	}
+
 	render(h) {
 		return (
 			<div>
@@ -292,11 +312,11 @@ class TestAllComponentsPageComponent extends PowerduckViewModelBase {
 								<p>Some modal content1</p>
 							</ModalSection>
 							{this.boolValue == true
-								&& (
-									<ModalSection icon="icon icon-settings" navCaption="Settings2">
-										<p>Some modal content2</p>
-									</ModalSection>
-								)}
+							&& (
+								<ModalSection icon="icon icon-settings" navCaption="Settings2">
+									<p>Some modal content2</p>
+								</ModalSection>
+							)}
 
 							<ModalSection icon="icon icon-settings" navCaption="Settings4">
 								<p>Some modal content4444</p>
@@ -360,6 +380,37 @@ class TestAllComponentsPageComponent extends PowerduckViewModelBase {
 						this.selectedOptions = v.id;
 					}}
 				/>
+				<DropdownList
+					ref="tagsDropdown"
+					closeOnSelect={true}
+					blocked={false}
+					options={this.tags}
+					displayMember={item => item.text}
+					valueMember={item => item.text}
+					multiselect={true}
+					label=""
+					tags={true}
+					tagsShouldPrependContent={true}
+					tagsAdded={(e) => {
+						e.closeSelection = true;
+
+						const newItem: TagItem = {
+							id: e.tagArr[0],
+							text: e.tagArr[0],
+						};
+
+						const selectedClone = [...this.selectedTagIds];
+						selectedClone.push(newItem.id);
+
+						this.tags.push(newItem);
+						this.fireChangedEvent(selectedClone);
+					}}
+					selected={this.tags.filter(p => (this.selectedTagIds || []).includes(p.id))}
+					changed={(e) => {
+						this.fireChangedEvent((e || []).map(p => p.id));
+					}}
+				/>
+
 				<DropdownButton layout={ButtonLayout.Default} size={ButtonSize.Regular} text="Akcie">
 					<DropdownButtonItem icon="icon icon-settings" text="Edit" clicked={() => alert('clicked me')} />
 					<DropdownButtonSeparator />

package/components/dropdown/index.tsx

@@ -1104,10 +1104,10 @@ class DropdownListComponent extends TsxComponent<DropdownListArgs> implements Dr
 								const retVal = $(tagsTemplate);
 								if (self.tagsShouldPrependContent != false) {
 									const oldAppend = retVal.append;
-									retVal.append = (elem) => {
+									retVal.append = (elem): any => {
 										retVal.prepend(elem);
 										retVal.append = oldAppend;
-									} as any;
+									};
 								}
 
 								return retVal;

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "inviton-powerduck",
 	"type": "module",
-	"version": "0.0.120",
+	"version": "0.0.121",
 	"files": [
 		"app/",
 		"common/",