apptify 0.2.0 → 0.5.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.
Files changed (73) hide show
  1. package/README.md +40 -239
  2. package/dist/apptify.css +1 -1
  3. package/dist/apptify.js +4153 -2177
  4. package/dist/components/button.d.ts +1 -1
  5. package/dist/components/content.d.ts +73 -362
  6. package/dist/components/date-picker.d.ts +10 -0
  7. package/dist/components/forms.d.ts +77 -18
  8. package/dist/components/foundation.d.ts +2061 -111
  9. package/dist/components/gallery-scrollbar.d.ts +46 -0
  10. package/dist/components/mobile-image-viewer.d.ts +166 -0
  11. package/dist/components/navibar.d.ts +80 -0
  12. package/dist/components/overlays.d.ts +127 -158
  13. package/dist/components/tabs.d.ts +117 -0
  14. package/dist/core/context.d.ts +573 -9
  15. package/dist/core/desktop-image-enter.d.ts +6 -0
  16. package/dist/core/desktop-image-return.d.ts +1 -0
  17. package/dist/core/device.d.ts +5 -0
  18. package/dist/core/image-gallery-motion.d.ts +2 -0
  19. package/dist/core/image-geometry.d.ts +28 -0
  20. package/dist/core/image-motion.d.ts +18 -0
  21. package/dist/core/layers.d.ts +2 -0
  22. package/dist/core/motion.d.ts +2 -0
  23. package/dist/core/popup-motion.d.ts +12 -0
  24. package/dist/core/popup-placement.d.ts +31 -0
  25. package/dist/core/preview-navigation.d.ts +5 -0
  26. package/dist/index.d.ts +1214 -339
  27. package/docs/COMPONENTS.md +18 -16
  28. package/docs/PLAYGROUND-TEMPLATE.md +51 -0
  29. package/docs/VALIDATION.md +25 -1
  30. package/package.json +35 -7
  31. package/templates/playground/README.md +21 -0
  32. package/templates/playground/gitignore +3 -0
  33. package/templates/playground/index.html +26 -0
  34. package/templates/playground/package.json +26 -0
  35. package/templates/playground/playground/App.vue +73 -0
  36. package/templates/playground/playground/ComponentDemo.vue +234 -0
  37. package/templates/playground/playground/catalog.ts +80 -0
  38. package/templates/playground/playground/components/ComponentIndex.vue +62 -0
  39. package/templates/playground/playground/components/PageFooter.vue +3 -0
  40. package/templates/playground/playground/components/UserMenu.vue +132 -0
  41. package/templates/playground/playground/components/not-found-paper-scene.vue +210 -0
  42. package/templates/playground/playground/components/not-found-paper-story.ts +149 -0
  43. package/templates/playground/playground/env.d.ts +1 -0
  44. package/templates/playground/playground/main.ts +8 -0
  45. package/templates/playground/playground/router/index.ts +24 -0
  46. package/templates/playground/playground/style.css +228 -0
  47. package/templates/playground/playground/views/[...all].vue +68 -0
  48. package/templates/playground/playground/views/components.vue +126 -0
  49. package/templates/playground/playground/views/index.vue +75 -0
  50. package/templates/playground/playground/views/settings.vue +98 -0
  51. package/templates/playground/public/images/SOURCES.md +21 -0
  52. package/templates/playground/public/images/airpods-max-orange.jpg +0 -0
  53. package/templates/playground/public/images/architecture.jpg +0 -0
  54. package/templates/playground/public/images/city.jpg +0 -0
  55. package/templates/playground/public/images/coast.jpg +0 -0
  56. package/templates/playground/public/images/desert.jpg +0 -0
  57. package/templates/playground/public/images/food.jpg +0 -0
  58. package/templates/playground/public/images/forest.jpg +0 -0
  59. package/templates/playground/public/images/lake.jpg +0 -0
  60. package/templates/playground/public/images/mountains.jpg +0 -0
  61. package/templates/playground/public/images/snow.jpg +0 -0
  62. package/templates/playground/public/images/sunset.jpg +0 -0
  63. package/templates/playground/public/images/waterfall.jpg +0 -0
  64. package/templates/playground/source-snapshot.json +111 -0
  65. package/templates/playground/tsconfig.json +24 -0
  66. package/templates/playground/vite.config.ts +9 -0
  67. package/tooling/create-playground.mjs +35 -0
  68. package/tooling/prepare-package.mjs +35 -0
  69. package/tooling/prepare-playground.mjs +103 -0
  70. package/tooling/test-create-apptify.mjs +76 -0
  71. package/tooling/test-playground-package.mjs +188 -0
  72. package/tooling/vite.d.ts +5 -0
  73. package/tooling/vite.js +10 -0
@@ -41,6 +41,8 @@ export declare const AppleDatePicker: import("vue").DefineComponent<import("vue"
41
41
  }>, {}, {
42
42
  inputId: string;
43
43
  now: Date;
44
+ clockNow: Date;
45
+ timeRevision: number;
44
46
  draft: Parts;
45
47
  opened: boolean;
46
48
  tab: string;
@@ -57,6 +59,8 @@ export declare const AppleDatePicker: import("vue").DefineComponent<import("vue"
57
59
  hasTime(): boolean;
58
60
  placeholderParts(): Parts;
59
61
  selectedDate(): string;
62
+ calendarDate(): string;
63
+ nowDisabled(): boolean;
60
64
  dates(): Date[];
61
65
  years(): number[];
62
66
  id(): string;
@@ -75,6 +79,12 @@ export declare const AppleDatePicker: import("vue").DefineComponent<import("vue"
75
79
  open(): void;
76
80
  close(): void;
77
81
  fillDefaults(): void;
82
+ timeDraft(): Parts;
83
+ clampTime(parts: Parts): Parts;
84
+ timeDisabled(part: Part, value: number): boolean;
85
+ chooseTime(part: Part, value: number, commit?: boolean): void;
86
+ chooseNow(): void;
87
+ clear(): void;
78
88
  dateDisabled(date: Date): boolean;
79
89
  chooseDate(date: Date): void;
80
90
  chooseMonth(month: number): void;
@@ -15,7 +15,7 @@ export interface AppleUploadRejection {
15
15
  }
16
16
  export declare const AppleInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
17
17
  modelValue: {
18
- type: (StringConstructor | NumberConstructor)[];
18
+ type: (NumberConstructor | StringConstructor)[];
19
19
  default: string;
20
20
  };
21
21
  type: {
@@ -50,7 +50,7 @@ export declare const AppleInput: import("vue").DefineComponent<import("vue").Ext
50
50
  focus(): void;
51
51
  }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "change" | "update:modelValue")[], "clear" | "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
52
52
  modelValue: {
53
- type: (StringConstructor | NumberConstructor)[];
53
+ type: (NumberConstructor | StringConstructor)[];
54
54
  default: string;
55
55
  };
56
56
  type: {
@@ -220,6 +220,7 @@ export declare const AppleSelect: import("vue").DefineComponent<import("vue").Ex
220
220
  inputId: string;
221
221
  opened: boolean;
222
222
  activeIndex: number;
223
+ keyboardActive: boolean;
223
224
  outside: ((event: PointerEvent) => void) | null;
224
225
  }, {}, {
225
226
  focus(): void;
@@ -322,6 +323,7 @@ export declare const AppleAutocomplete: import("vue").DefineComponent<import("vu
322
323
  query: string;
323
324
  opened: boolean;
324
325
  activeIndex: number;
326
+ keyboardActive: boolean;
325
327
  }, {
326
328
  filteredItems(): AppleOption[];
327
329
  selectedLabel(): string;
@@ -331,7 +333,7 @@ export declare const AppleAutocomplete: import("vue").DefineComponent<import("vu
331
333
  choose(item: AppleOption): void;
332
334
  close(): void;
333
335
  onKeydown(event: KeyboardEvent): void;
334
- }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "change" | "update:modelValue")[], "search" | "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
336
+ }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "search" | "update:modelValue")[], "change" | "search" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
335
337
  placeholder: {
336
338
  type: StringConstructor;
337
339
  default: string;
@@ -380,8 +382,8 @@ export declare const AppleAutocomplete: import("vue").DefineComponent<import("vu
380
382
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
381
383
  onSearch?: ((...args: any[]) => any) | undefined;
382
384
  }>, {
383
- filter: (query: string, item: AppleOption) => boolean;
384
385
  error: string;
386
+ filter: (query: string, item: AppleOption) => boolean;
385
387
  label: string;
386
388
  disabled: boolean;
387
389
  loading: boolean;
@@ -526,10 +528,10 @@ export declare const AppleRadioGroup: import("vue").DefineComponent<import("vue"
526
528
  loading: boolean;
527
529
  motion: "auto" | "full" | "reduced" | "none" | "inherit";
528
530
  modelValue: AppleOptionValue | null;
531
+ inline: boolean;
529
532
  required: boolean;
530
533
  items: AppleOption[];
531
534
  hint: string;
532
- inline: boolean;
533
535
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
534
536
  export declare const AppleSwitch: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
535
537
  modelValue: BooleanConstructor;
@@ -894,15 +896,26 @@ export declare const AppleColorPicker: import("vue").DefineComponent<import("vue
894
896
  inputId: string;
895
897
  opened: boolean;
896
898
  draft: string;
899
+ draftDirty: boolean;
900
+ hexError: string;
901
+ composing: boolean;
897
902
  hsv: {
898
903
  h: number;
899
904
  s: number;
900
905
  v: number;
901
906
  };
902
907
  dragging: boolean;
908
+ pointerId: number | null;
903
909
  outside: ((event: PointerEvent) => void) | null;
904
- }, {}, {
910
+ }, {
911
+ motionMode(): "full" | "reduced" | "none";
912
+ }, {
913
+ close(restoreFocus?: boolean): void;
914
+ toggle(): void;
915
+ endPlane(commit?: boolean): void;
905
916
  update(hex: string, commit?: boolean): void;
917
+ editHex(event: Event): void;
918
+ applyHex(): void;
906
919
  plane(event: PointerEvent): void;
907
920
  planeKey(event: KeyboardEvent): void;
908
921
  }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -997,6 +1010,7 @@ export declare const AppleUpload: import("vue").DefineComponent<import("vue").Ex
997
1010
  dragDepth: number;
998
1011
  localError: string;
999
1012
  }, {}, {
1013
+ openPicker(event: MouseEvent | KeyboardEvent): void;
1000
1014
  syncFiles(): void;
1001
1015
  selectFiles(files: File[]): void;
1002
1016
  remove(index: number): void;
@@ -1053,14 +1067,14 @@ export declare const AppleUpload: import("vue").DefineComponent<import("vue").Ex
1053
1067
  }>, {
1054
1068
  error: string;
1055
1069
  label: string;
1056
- capture: "user" | "environment";
1057
1070
  disabled: boolean;
1071
+ capture: "user" | "environment";
1058
1072
  loading: boolean;
1059
1073
  motion: "auto" | "full" | "reduced" | "none" | "inherit";
1060
1074
  modelValue: File[];
1075
+ multiple: boolean;
1061
1076
  required: boolean;
1062
1077
  hint: string;
1063
- multiple: boolean;
1064
1078
  accept: string;
1065
1079
  maxSize: number;
1066
1080
  maxFiles: number;
@@ -1233,8 +1247,8 @@ export declare const AppleOtpInput: import("vue").DefineComponent<import("vue").
1233
1247
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
1234
1248
  onComplete?: ((...args: any[]) => any) | undefined;
1235
1249
  }>, {
1236
- length: number;
1237
1250
  error: string;
1251
+ length: number;
1238
1252
  label: string;
1239
1253
  mask: boolean;
1240
1254
  disabled: boolean;
@@ -1434,7 +1448,7 @@ export declare const AppleRate: import("vue").DefineComponent<import("vue").Extr
1434
1448
  export declare const formComponents: {
1435
1449
  AppleInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
1436
1450
  modelValue: {
1437
- type: (StringConstructor | NumberConstructor)[];
1451
+ type: (NumberConstructor | StringConstructor)[];
1438
1452
  default: string;
1439
1453
  };
1440
1454
  type: {
@@ -1469,7 +1483,7 @@ export declare const formComponents: {
1469
1483
  focus(): void;
1470
1484
  }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "change" | "update:modelValue")[], "clear" | "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
1471
1485
  modelValue: {
1472
- type: (StringConstructor | NumberConstructor)[];
1486
+ type: (NumberConstructor | StringConstructor)[];
1473
1487
  default: string;
1474
1488
  };
1475
1489
  type: {
@@ -1639,6 +1653,7 @@ export declare const formComponents: {
1639
1653
  inputId: string;
1640
1654
  opened: boolean;
1641
1655
  activeIndex: number;
1656
+ keyboardActive: boolean;
1642
1657
  outside: ((event: PointerEvent) => void) | null;
1643
1658
  }, {}, {
1644
1659
  focus(): void;
@@ -1741,6 +1756,7 @@ export declare const formComponents: {
1741
1756
  query: string;
1742
1757
  opened: boolean;
1743
1758
  activeIndex: number;
1759
+ keyboardActive: boolean;
1744
1760
  }, {
1745
1761
  filteredItems(): AppleOption[];
1746
1762
  selectedLabel(): string;
@@ -1750,7 +1766,7 @@ export declare const formComponents: {
1750
1766
  choose(item: AppleOption): void;
1751
1767
  close(): void;
1752
1768
  onKeydown(event: KeyboardEvent): void;
1753
- }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "change" | "update:modelValue")[], "search" | "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
1769
+ }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "search" | "update:modelValue")[], "change" | "search" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
1754
1770
  placeholder: {
1755
1771
  type: StringConstructor;
1756
1772
  default: string;
@@ -1799,8 +1815,8 @@ export declare const formComponents: {
1799
1815
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
1800
1816
  onSearch?: ((...args: any[]) => any) | undefined;
1801
1817
  }>, {
1802
- filter: (query: string, item: AppleOption) => boolean;
1803
1818
  error: string;
1819
+ filter: (query: string, item: AppleOption) => boolean;
1804
1820
  label: string;
1805
1821
  disabled: boolean;
1806
1822
  loading: boolean;
@@ -1945,10 +1961,10 @@ export declare const formComponents: {
1945
1961
  loading: boolean;
1946
1962
  motion: "auto" | "full" | "reduced" | "none" | "inherit";
1947
1963
  modelValue: AppleOptionValue | null;
1964
+ inline: boolean;
1948
1965
  required: boolean;
1949
1966
  items: AppleOption[];
1950
1967
  hint: string;
1951
- inline: boolean;
1952
1968
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
1953
1969
  AppleSwitch: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
1954
1970
  modelValue: BooleanConstructor;
@@ -2316,6 +2332,8 @@ export declare const formComponents: {
2316
2332
  }>, {}, {
2317
2333
  inputId: string;
2318
2334
  now: Date;
2335
+ clockNow: Date;
2336
+ timeRevision: number;
2319
2337
  draft: {
2320
2338
  month: string;
2321
2339
  year: string;
@@ -2350,6 +2368,8 @@ export declare const formComponents: {
2350
2368
  second: string;
2351
2369
  };
2352
2370
  selectedDate(): string;
2371
+ calendarDate(): string;
2372
+ nowDisabled(): boolean;
2353
2373
  dates(): Date[];
2354
2374
  years(): number[];
2355
2375
  id(): string;
@@ -2368,6 +2388,33 @@ export declare const formComponents: {
2368
2388
  open(): void;
2369
2389
  close(): void;
2370
2390
  fillDefaults(): void;
2391
+ timeDraft(): {
2392
+ month: string;
2393
+ year: string;
2394
+ day: string;
2395
+ hour: string;
2396
+ minute: string;
2397
+ second: string;
2398
+ };
2399
+ clampTime(parts: {
2400
+ month: string;
2401
+ year: string;
2402
+ day: string;
2403
+ hour: string;
2404
+ minute: string;
2405
+ second: string;
2406
+ }): {
2407
+ month: string;
2408
+ year: string;
2409
+ day: string;
2410
+ hour: string;
2411
+ minute: string;
2412
+ second: string;
2413
+ };
2414
+ timeDisabled(part: "month" | "year" | "day" | "hour" | "minute" | "second", value: number): boolean;
2415
+ chooseTime(part: "month" | "year" | "day" | "hour" | "minute" | "second", value: number, commit?: boolean): void;
2416
+ chooseNow(): void;
2417
+ clear(): void;
2371
2418
  dateDisabled(date: Date): boolean;
2372
2419
  chooseDate(date: Date): void;
2373
2420
  chooseMonth(month: number): void;
@@ -2458,15 +2505,26 @@ export declare const formComponents: {
2458
2505
  inputId: string;
2459
2506
  opened: boolean;
2460
2507
  draft: string;
2508
+ draftDirty: boolean;
2509
+ hexError: string;
2510
+ composing: boolean;
2461
2511
  hsv: {
2462
2512
  h: number;
2463
2513
  s: number;
2464
2514
  v: number;
2465
2515
  };
2466
2516
  dragging: boolean;
2517
+ pointerId: number | null;
2467
2518
  outside: ((event: PointerEvent) => void) | null;
2468
- }, {}, {
2519
+ }, {
2520
+ motionMode(): "full" | "reduced" | "none";
2521
+ }, {
2522
+ close(restoreFocus?: boolean): void;
2523
+ toggle(): void;
2524
+ endPlane(commit?: boolean): void;
2469
2525
  update(hex: string, commit?: boolean): void;
2526
+ editHex(event: Event): void;
2527
+ applyHex(): void;
2470
2528
  plane(event: PointerEvent): void;
2471
2529
  planeKey(event: KeyboardEvent): void;
2472
2530
  }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -2561,6 +2619,7 @@ export declare const formComponents: {
2561
2619
  dragDepth: number;
2562
2620
  localError: string;
2563
2621
  }, {}, {
2622
+ openPicker(event: MouseEvent | KeyboardEvent): void;
2564
2623
  syncFiles(): void;
2565
2624
  selectFiles(files: File[]): void;
2566
2625
  remove(index: number): void;
@@ -2617,14 +2676,14 @@ export declare const formComponents: {
2617
2676
  }>, {
2618
2677
  error: string;
2619
2678
  label: string;
2620
- capture: "user" | "environment";
2621
2679
  disabled: boolean;
2680
+ capture: "user" | "environment";
2622
2681
  loading: boolean;
2623
2682
  motion: "auto" | "full" | "reduced" | "none" | "inherit";
2624
2683
  modelValue: File[];
2684
+ multiple: boolean;
2625
2685
  required: boolean;
2626
2686
  hint: string;
2627
- multiple: boolean;
2628
2687
  accept: string;
2629
2688
  maxSize: number;
2630
2689
  maxFiles: number;
@@ -2797,8 +2856,8 @@ export declare const formComponents: {
2797
2856
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
2798
2857
  onComplete?: ((...args: any[]) => any) | undefined;
2799
2858
  }>, {
2800
- length: number;
2801
2859
  error: string;
2860
+ length: number;
2802
2861
  label: string;
2803
2862
  mask: boolean;
2804
2863
  disabled: boolean;