svelte-tel-input 0.3.0 → 0.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintignore +1 -1
- package/.github/workflows/release.yml +2 -4
- package/.prettierignore +1 -1
- package/CHANGELOG.md +6 -0
- package/package.json +10 -2
- package/src/lib/models/types/DynamicSvelteComponent.type.ts +21 -2
- package/src/lib/stores/index.ts +2 -2
- package/svelte.config.js +1 -0
- package/tsconfig.json +1 -1
- package/src/lib/components/LazyLoad/LazyLoad.svelte +0 -23
package/.eslintignore
CHANGED
|
@@ -22,7 +22,7 @@ jobs:
|
|
|
22
22
|
node-version: 16.x
|
|
23
23
|
|
|
24
24
|
- name: Install dependencies
|
|
25
|
-
run: npm install --frozen-lockfile
|
|
25
|
+
run: npm install --frozen-lockfile --prefer-offline --ignore-scripts
|
|
26
26
|
|
|
27
27
|
- name: Packaging
|
|
28
28
|
run: |
|
|
@@ -30,9 +30,7 @@ jobs:
|
|
|
30
30
|
|
|
31
31
|
- name: Creating .npmrc
|
|
32
32
|
run: |
|
|
33
|
-
|
|
34
|
-
cd package
|
|
35
|
-
cat << EOF > ".npmrc"
|
|
33
|
+
cat << EOF > "$HOME/.npmrc"
|
|
36
34
|
//registry.npmjs.org/:_authToken=$NPM_TOKEN
|
|
37
35
|
EOF
|
|
38
36
|
env:
|
package/.prettierignore
CHANGED
package/CHANGELOG.md
CHANGED
package/package.json
CHANGED
|
@@ -1,12 +1,20 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "svelte-tel-input",
|
|
3
3
|
"description": "svelte-tel-input",
|
|
4
|
-
"version": "0.3.
|
|
4
|
+
"version": "0.3.1",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "git+https://github.com/gyurielf/svelte-tel-input.git"
|
|
8
8
|
},
|
|
9
9
|
"homepage": "https://github.com/gyurielf/svelte-tel-input#readme",
|
|
10
|
+
"keywords": [
|
|
11
|
+
"svelte",
|
|
12
|
+
"tel input",
|
|
13
|
+
"phone",
|
|
14
|
+
"phone input",
|
|
15
|
+
"intl",
|
|
16
|
+
"intl tel input"
|
|
17
|
+
],
|
|
10
18
|
"engines": {
|
|
11
19
|
"npm": ">= 7",
|
|
12
20
|
"yarn": "please-use-npm",
|
|
@@ -26,7 +34,7 @@
|
|
|
26
34
|
"prepare": "husky install",
|
|
27
35
|
"preview": "svelte-kit preview",
|
|
28
36
|
"release": "npx changeset publish",
|
|
29
|
-
"svelte-check": "svelte-check --ignore 'dist,build,coverage,.svelte-kit,package' --threshold warning --fail-on-warnings",
|
|
37
|
+
"svelte-check": "svelte-check --ignore 'dist,build,coverage,.svelte-kit,packages, package' --threshold warning --fail-on-warnings",
|
|
30
38
|
"test": "jest",
|
|
31
39
|
"test:watch": "jest --watch",
|
|
32
40
|
"ts": "tsc --noEmit",
|
|
@@ -1,9 +1,28 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { SvelteComponentTyped } from 'svelte';
|
|
2
2
|
|
|
3
|
+
// TEMPORARY DISABLED
|
|
3
4
|
export type DynamicSvelteComponent = {
|
|
4
|
-
component: typeof
|
|
5
|
+
component: typeof SvelteComponentTyped;
|
|
5
6
|
props?: Record<string, any>;
|
|
6
7
|
slot?: any;
|
|
7
8
|
click?: any;
|
|
8
9
|
input?: any;
|
|
9
10
|
};
|
|
11
|
+
|
|
12
|
+
// declare const __propDef: {
|
|
13
|
+
// props: {};
|
|
14
|
+
// slots: {};
|
|
15
|
+
// events: {
|
|
16
|
+
// [evt: string]: CustomEvent<any>;
|
|
17
|
+
// };
|
|
18
|
+
// };
|
|
19
|
+
|
|
20
|
+
// export declare type DynamicSvelteComponentProps = typeof __propDef.props;
|
|
21
|
+
// export declare type DynamicSvelteComponentEvents = typeof __propDef.events;
|
|
22
|
+
// export declare type DynamicSvelteComponentSlots = typeof __propDef.slots;
|
|
23
|
+
|
|
24
|
+
// export default class DynamicSvelteComponent extends SvelteComponentTyped<
|
|
25
|
+
// DynamicSvelteComponentProps,
|
|
26
|
+
// DynamicSvelteComponentEvents,
|
|
27
|
+
// DynamicSvelteComponentSlots
|
|
28
|
+
// > {}
|
package/src/lib/stores/index.ts
CHANGED
|
@@ -13,11 +13,11 @@ export const booleanStore = (initial: boolean) => {
|
|
|
13
13
|
};
|
|
14
14
|
|
|
15
15
|
// StatefulSwap (transition)
|
|
16
|
-
export const statefulSwap = (initialState:
|
|
16
|
+
export const statefulSwap = (initialState: boolean | null) => {
|
|
17
17
|
const transitionState = writable(initialState);
|
|
18
18
|
let nextState = initialState;
|
|
19
19
|
|
|
20
|
-
const transitionTo = (newState:
|
|
20
|
+
const transitionTo = (newState: boolean | null) => {
|
|
21
21
|
if (nextState === newState) return;
|
|
22
22
|
nextState = newState;
|
|
23
23
|
transitionState.set(null);
|
package/svelte.config.js
CHANGED
package/tsconfig.json
CHANGED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import { inview } from 'svelte-inview';
|
|
3
|
-
|
|
4
|
-
let loadComponent: any;
|
|
5
|
-
export { loadComponent as this };
|
|
6
|
-
|
|
7
|
-
let isShowingComponent = false;
|
|
8
|
-
let componentPromise: any;
|
|
9
|
-
</script>
|
|
10
|
-
|
|
11
|
-
{#if !isShowingComponent}
|
|
12
|
-
<div
|
|
13
|
-
use:inview
|
|
14
|
-
on:enter={() => {
|
|
15
|
-
componentPromise = loadComponent();
|
|
16
|
-
isShowingComponent = true;
|
|
17
|
-
}}
|
|
18
|
-
/>
|
|
19
|
-
{:else}
|
|
20
|
-
{#await componentPromise then { default: Component }}
|
|
21
|
-
<slot name="component" {Component} />
|
|
22
|
-
{/await}
|
|
23
|
-
{/if}
|