svelte-tel-input 0.4.0 → 0.5.1

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # svelte-tel-input
 
+## 0.5.1
+
+### Patch Changes
+
+- chore: update packages and resolve breaking changes ([#46](https://github.com/gyurielf/svelte-tel-input/pull/46))
+
+## 0.5.0
+
+### Minor Changes
+
+- feat: prepare github pages deployment ([#43](https://github.com/gyurielf/svelte-tel-input/pull/43))
+
+* feat: implement selects and input ([#43](https://github.com/gyurielf/svelte-tel-input/pull/43))
+
+- feat: basic stores created ([#43](https://github.com/gyurielf/svelte-tel-input/pull/43))
+
+## 0.4.2
+
+### Patch Changes
+
+- fix: fix readme ([#41](https://github.com/gyurielf/svelte-tel-input/pull/41))
+
+## 0.4.1
+
+### Patch Changes
+
+- fix: readme fix ([#39](https://github.com/gyurielf/svelte-tel-input/pull/39))
+
 ## 0.4.0
 
 ### Minor Changes
@@ -10,13 +38,15 @@
 
 - fix: minor ci fix ([#34](https://github.com/gyurielf/svelte-tel-input/pull/34))
 
-* fix: fix ci again
+* fix: fix ci again ([#35](https://github.com/gyurielf/svelte-tel-input/pull/35))
 
 - fix: last ci fix for today ([#36](https://github.com/gyurielf/svelte-tel-input/pull/36))
 
 * fix: ci fixxx ([#33](https://github.com/gyurielf/svelte-tel-input/pull/33))
 
-- fix: ci extend 321 ([#32](https://github.com/gyurielf/svelte-tel-input/pull/32))
+- something 1 ([#37](https://github.com/gyurielf/svelte-tel-input/pull/37))
+
+* fix: ci extend 321 ([#32](https://github.com/gyurielf/svelte-tel-input/pull/32))
 
 ## 0.3.2
 

package/README.md

@@ -1,19 +1,27 @@
 # Svelte Tel Input
 
-Under development!
+## Under heavy development!
 
-## Dependencies
-
-```
-$ [libphonenumber-js](https://gitlab.com/catamphetamine/libphonenumber-js)
-```
+<ins>Do not use it before 1.0, it won't works properly!</ins>
 
 ## Installation
 
 Svelte Tel Input is distributed via [npm](https://www.npmjs.com/package/svelte-tel-input).
 
 ```sh
-$ yarn add svelte-tel-input
-# or
-$ npm install --save svelte-tel-input
+yarn add svelte-tel-input
+```
+
 ```
+npm install --save svelte-tel-input
+```
+
+## Dependencies
+
+[libphonenumber-js](https://gitlab.com/catamphetamine/libphonenumber-js)
+
+## Changelog
+
+| Package                        | Changelog                 |
+| ------------------------------ | ------------------------- |
+| [@gyurielf/svelte-tel-input]() | [Changelog](CHANGELOG.md) |

package/assets/countries.d.ts

@@ -0,0 +1,2 @@
+declare const rawCountries: (string | number | string[])[][];
+export default rawCountries;

package/{src/lib/assets/countries.ts → assets/countries.js}

@@ -15,7 +15,6 @@
 // Sub-regions:
 // ['north-america', 'south-america', 'central-america', 'carribean',
 //  'eu-union', 'ex-ussr', 'ex-yugos', 'baltic', 'middle-east', 'north-africa']
-
 const rawCountries = [
     ['Afghanistan', ['asia'], 'af', '93'],
     ['Albania', ['europe'], 'al', '355'],
@@ -601,5 +600,4 @@ const rawCountries = [
     ['Zambia', ['africa'], 'zm', '260'],
     ['Zimbabwe', ['africa'], 'zw', '263']
 ];
-
 export default rawCountries;

package/assets/regions.d.ts

@@ -0,0 +1,2 @@
+declare const rawTerritories: (string | number | string[])[][];
+export default rawTerritories;

package/{src/lib/assets/regions.ts → assets/regions.js}

@@ -15,7 +15,6 @@
 // Sub-regions:
 // ['north-america', 'south-america', 'central-america', 'carribean',
 //  'eu-union', 'ex-ussr', 'ex-yugos', 'baltic', 'middle-east', 'north-africa']
-
 const rawTerritories = [
     ['American Samoa', ['oceania'], 'as', '1684'],
     ['Anguilla', ['america', 'carribean'], 'ai', '1264'],
@@ -42,5 +41,4 @@ const rawTerritories = [
     ['U.S. Virgin Islands', ['america', 'carribean'], 'vi', '1340'],
     ['Wallis and Futuna', ['oceania'], 'wf', '681']
 ];
-
 export default rawTerritories;

package/components/Input/TelInput.svelte

@@ -0,0 +1,23 @@
+<script >import { enteredTelInputStore } from '../../stores';
+import { parsePhoneNumberWithError, ParseError } from 'libphonenumber-js';
+export let enteredTelInput;
+const handleInput = (event) => {
+    const inputVal = event.target.value;
+    enteredTelInput = inputVal;
+    $enteredTelInputStore = inputVal;
+    try {
+        const phoneNumber = parsePhoneNumberWithError(inputVal);
+    }
+    catch (error) {
+        if (error instanceof ParseError) {
+            // Not a phone number, non-existent country, etc.
+            console.log(error.message);
+        }
+        else {
+            throw error;
+        }
+    }
+};
+</script>
+
+<input class={$$props.class} type="tel" on:input={handleInput} />

package/components/Input/TelInput.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        enteredTelInput: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type TelInputProps = typeof __propDef.props;
+export declare type TelInputEvents = typeof __propDef.events;
+export declare type TelInputSlots = typeof __propDef.slots;
+export default class TelInput extends SvelteComponentTyped<TelInputProps, TelInputEvents, TelInputSlots> {
+}
+export {};

package/components/Select/TelCountrySelect/TelCountrySelect.svelte

@@ -0,0 +1,15 @@
+<script >import { selectedCountryStore } from '../../../stores';
+export let selectedCountry;
+const setSelectedCountry = (value) => {
+    selectedCountry = value;
+    $selectedCountryStore = value;
+};
+</script>
+
+<select
+    name="country_select"
+    class="some-class {$$props.class}"
+    on:change={(e) => setSelectedCountry(e.currentTarget.value)}
+>
+    <slot name="options" />
+</select>

package/components/Select/TelCountrySelect/TelCountrySelect.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        selectedCountry: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        options: {};
+    };
+};
+export declare type TelCountrySelectProps = typeof __propDef.props;
+export declare type TelCountrySelectEvents = typeof __propDef.events;
+export declare type TelCountrySelectSlots = typeof __propDef.slots;
+export default class TelCountrySelect extends SvelteComponentTyped<TelCountrySelectProps, TelCountrySelectEvents, TelCountrySelectSlots> {
+}
+export {};

package/components/Select/TelRegionSelect/TelRegionSelect.svelte

@@ -0,0 +1,12 @@
+<script >"use strict";
+let selectedTelRegion;
+</script>
+
+<select
+    name="region_select"
+    class={$$props.class}
+    bind:value={selectedTelRegion}
+    on:change={() => console.log(selectedTelRegion)}
+>
+    <slot name="options" />
+</select>

package/components/Select/TelRegionSelect/TelRegionSelect.svelte.d.ts

@@ -0,0 +1,18 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        options: {};
+    };
+};
+export declare type TelRegionSelectProps = typeof __propDef.props;
+export declare type TelRegionSelectEvents = typeof __propDef.events;
+export declare type TelRegionSelectSlots = typeof __propDef.slots;
+export default class TelRegionSelect extends SvelteComponentTyped<TelRegionSelectProps, TelRegionSelectEvents, TelRegionSelectSlots> {
+}
+export {};

package/components/Select/TelRegionSelect/TelRegionSelectOption.svelte

@@ -0,0 +1,4 @@
+<script >export let regionOption;
+</script>
+
+<option class={$$props.class} value={regionOption.value}>{regionOption.label}</option>

package/components/Select/TelRegionSelect/TelRegionSelectOption.svelte.d.ts

@@ -0,0 +1,18 @@
+import { SvelteComponentTyped } from "svelte";
+import type { SelectObject } from '../../../models/interfaces/Select.interface';
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        regionOption: SelectObject;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type TelRegionSelectOptionProps = typeof __propDef.props;
+export declare type TelRegionSelectOptionEvents = typeof __propDef.events;
+export declare type TelRegionSelectOptionSlots = typeof __propDef.slots;
+export default class TelRegionSelectOption extends SvelteComponentTyped<TelRegionSelectOptionProps, TelRegionSelectOptionEvents, TelRegionSelectOptionSlots> {
+}
+export {};

package/components/Select/TelTypeSelect/TelTypeSelect.svelte

@@ -0,0 +1,15 @@
+<script >import { selectedTelTypeStore } from '../../../stores';
+export let selectedTelType;
+const setSelectedCountry = (value) => {
+    selectedTelType = value;
+    $selectedTelTypeStore = value;
+};
+</script>
+
+<select
+    name="type_select"
+    class={$$props.class}
+    on:change={(e) => setSelectedCountry(e.currentTarget.value)}
+>
+    <slot name="options" />
+</select>

package/components/Select/TelTypeSelect/TelTypeSelect.svelte.d.ts

@@ -0,0 +1,20 @@
+import { SvelteComponentTyped } from "svelte";
+import type { SelectType } from '../../../models/types/Select.type';
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        selectedTelType: SelectType;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        options: {};
+    };
+};
+export declare type TelTypeSelectProps = typeof __propDef.props;
+export declare type TelTypeSelectEvents = typeof __propDef.events;
+export declare type TelTypeSelectSlots = typeof __propDef.slots;
+export default class TelTypeSelect extends SvelteComponentTyped<TelTypeSelectProps, TelTypeSelectEvents, TelTypeSelectSlots> {
+}
+export {};

package/components/Select/TelTypeSelect/TelTypeSelectOption.svelte

@@ -0,0 +1,4 @@
+<script >export let typeOption;
+</script>
+
+<option class={$$props.class} value={typeOption.value}>{typeOption.label}</option>

package/components/Select/TelTypeSelect/TelTypeSelectOption.svelte.d.ts

@@ -0,0 +1,18 @@
+import { SvelteComponentTyped } from "svelte";
+import type { SelectObject } from '../../../models/interfaces/Select.interface';
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        typeOption: SelectObject;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type TelTypeSelectOptionProps = typeof __propDef.props;
+export declare type TelTypeSelectOptionEvents = typeof __propDef.events;
+export declare type TelTypeSelectOptionSlots = typeof __propDef.slots;
+export default class TelTypeSelectOption extends SvelteComponentTyped<TelTypeSelectOptionProps, TelTypeSelectOptionEvents, TelTypeSelectOptionSlots> {
+}
+export {};

package/index.d.ts

@@ -0,0 +1,6 @@
+export { default as TelCountrySelect } from "./components/Select/TelCountrySelect/TelCountrySelect.svelte";
+export { default as TelTypeSelect } from "./components/Select/TelTypeSelect/TelTypeSelect.svelte";
+export { default as TelTypeSelectOption } from "./components/Select/TelTypeSelect/TelTypeSelectOption.svelte";
+export { default as TelRegionSelect } from "./components/Select/TelRegionSelect/TelRegionSelect.svelte";
+export { default as TelRegionSelectOption } from "./components/Select/TelRegionSelect/TelRegionSelectOption.svelte";
+export { default as TelInput } from "./components/Input/TelInput.svelte";

package/index.js

@@ -0,0 +1,6 @@
+export { default as TelCountrySelect } from './components/Select/TelCountrySelect/TelCountrySelect.svelte';
+export { default as TelTypeSelect } from './components/Select/TelTypeSelect/TelTypeSelect.svelte';
+export { default as TelTypeSelectOption } from './components/Select/TelTypeSelect/TelTypeSelectOption.svelte';
+export { default as TelRegionSelect } from './components/Select/TelRegionSelect/TelRegionSelect.svelte';
+export { default as TelRegionSelectOption } from './components/Select/TelRegionSelect/TelRegionSelectOption.svelte';
+export { default as TelInput } from './components/Input/TelInput.svelte';

package/models/enums/PhoneType.enum.d.ts

@@ -0,0 +1,4 @@
+export declare enum PhoneType {
+    FIXED_LINE = "FIXED_LINE",
+    MOBILE = "MOBILE"
+}

package/models/enums/PhoneType.enum.js

@@ -0,0 +1,5 @@
+export var PhoneType;
+(function (PhoneType) {
+    PhoneType["FIXED_LINE"] = "FIXED_LINE";
+    PhoneType["MOBILE"] = "MOBILE";
+})(PhoneType || (PhoneType = {}));

package/models/enums/index.js

@@ -0,0 +1 @@
+export * from './PhoneType.enum';

package/models/index.js

@@ -0,0 +1 @@
+export * from './enums';

package/models/interfaces/Select.interface.js

@@ -0,0 +1 @@
+export {};

package/models/types/DynamicSvelteComponent.type.d.ts

@@ -0,0 +1,8 @@
+import type { SvelteComponentTyped } from 'svelte';
+export declare type DynamicSvelteComponent = {
+    component: typeof SvelteComponentTyped;
+    props?: Record<string, any> | string | number | null;
+    slot?: SvelteComponentTyped;
+    click?: MouseEvent;
+    input?: InputEvent;
+};

package/models/types/DynamicSvelteComponent.type.js

@@ -0,0 +1 @@
+export {};

package/{src/lib/models/types/Select.type.ts → models/types/Select.type.d.ts}

@@ -1,3 +1,2 @@
 import type { SelectObject } from '../interfaces/Select.interface';
-
-export type SelectType = SelectObject | (string | number);
+export declare type SelectType = SelectObject | (string | number);

package/models/types/Select.type.js

@@ -0,0 +1 @@
+export {};