Skip to content

Commit 017c9f1

Browse files
TommertomTommertom
Tommertom
authored and
Tommertom
committed
Ionic 6.6.0
1 parent 1e3cb1d commit 017c9f1

File tree

12 files changed

+109
-67
lines changed

12 files changed

+109
-67
lines changed

‎CHANGELOG.md

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,9 @@
11
# Change Log Ionic-Svelte-NPM
22
All notable changes to this project will be documented in this file.
33

4+
## 0.5.70
5+
- Ionic core 6.6.0 and create scripts locked to latest of 6 (arrival of 7)
6+
47
## 0.5.69
58
- IonTabs - possibly breaking changes for users - fixed bug when tabs are placed in main route
69

‎demo-app/src/routes/components/Inputs/+page.svelte

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -70,7 +70,8 @@
7070
type="text"
7171
value={$form?.data.firstName ?? ''}
7272
on:ionChange={validateField} />
73-
<ion-note slot="error">First name must be not empty and valid</ion-note>
73+
<ion-note slot="helper">Here you may enter your first name - or something else</ion-note>
74+
<ion-note slot="error">Please type more characters...</ion-note>
7475
</ion-item>
7576

7677
<ion-item class:ion-invalid={$form?.errors?.lastName}>
@@ -79,7 +80,8 @@
7980
<ion-text color="danger">*</ion-text>
8081
</ion-label>
8182
<ion-input name="lastName" required type="text" on:ionChange={validateField} />
82-
<ion-note slot="error">Last name must be not empty and valid</ion-note>
83+
<ion-note slot="helper">This place is to enter your last name</ion-note>
84+
<ion-note slot="error">Nag nag.....too short</ion-note>
8385
</ion-item>
8486

8587
<ion-item>

‎demo-app/static/assets/src/components/Inputs/+page.svelte

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -70,7 +70,8 @@
7070
type="text"
7171
value={$form?.data.firstName ?? ''}
7272
on:ionChange={validateField} />
73-
<ion-note slot="error">First name must be not empty and valid</ion-note>
73+
<ion-note slot="helper">Here you may enter your first name - or something else</ion-note>
74+
<ion-note slot="error">Please type more characters...</ion-note>
7475
</ion-item>
7576

7677
<ion-item class:ion-invalid={$form?.errors?.lastName}>
@@ -79,7 +80,8 @@
7980
<ion-text color="danger">*</ion-text>
8081
</ion-label>
8182
<ion-input name="lastName" required type="text" on:ionChange={validateField} />
82-
<ion-note slot="error">Last name must be not empty and valid</ion-note>
83+
<ion-note slot="helper">This place is to enter your last name</ion-note>
84+
<ion-note slot="error">Nag nag.....too short</ion-note>
8385
</ion-item>
8486

8587
<ion-item>

‎index.d.ts

Lines changed: 13 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
/* tslint:disable */
77
import type { HTMLAttributes } from 'svelte/elements';
88
import type { AccordionGroupChangeEventDetail, ActionSheetAttributes, ActionSheetButton, AlertButton, AlertInput, AnimationBuilder, AutocompleteTypes, BreadcrumbCollapsedClickEventDetail, CheckboxChangeEventDetail, Color, ComponentProps, ComponentRef, DatetimeChangeEventDetail, DatetimePresentation, DomRenderFn, FooterHeightFn, FrameworkDelegate, HeaderFn, HeaderHeightFn, InputChangeEventDetail, ItemHeightFn, ItemRenderFn, ItemReorderEventDetail, LoadingAttributes, MenuChangeEventDetail, ModalAttributes, ModalBreakpointChangeEventDetail, ModalHandleBehavior, NavComponent, NavComponentWithProps, NavOptions, OverlayEventDetail, PickerAttributes, PickerButton, PickerColumn, PopoverAttributes, PopoverSize, PositionAlign, PositionReference, PositionSide, RadioGroupChangeEventDetail, RangeChangeEventDetail, RangeKnobMoveEndEventDetail, RangeKnobMoveStartEventDetail, RangeValue, RefresherEventDetail, RouteID, RouterDirection, RouterEventDetail, RouterOutletOptions, RouteWrite, ScrollBaseDetail, ScrollDetail, SearchbarChangeEventDetail, SegmentButtonLayout, SegmentChangeEventDetail, SelectChangeEventDetail, SelectInterface, SelectPopoverOption, Side, SpinnerTypes, StyleEventDetail, SwipeGestureHandler, TabBarChangedEventDetail, TabButtonClickEventDetail, TabButtonLayout, TextareaChangeEventDetail, TextFieldTypes, TitleSelectedDatesFormatter, ToastButton, ToggleChangeEventDetail, TransitionDoneFn, TransitionInstruction, TriggerAction, ViewController } from "@ionic/core";
9-
import type { IonicConfig, IonicSafeString, AlertAttributes, CounterFormatter, PinFormatter, SelectCompareFn, ToastAttributes } from "@ionic/core";
9+
import type { DatetimeHighlightStyle, DatetimeHighlight, IonicConfig, IonicSafeString, AlertAttributes, CounterFormatter, PinFormatter, SelectCompareFn, ToastAttributes } from "@ionic/core";
1010
import { Cell } from '@ionic/core';
1111
import { SvelteComponent } from 'svelte';
1212

@@ -50,35 +50,6 @@ export {
5050
toastController
5151
} from "@ionic/core";
5252

53-
// platforms
54-
declare const PLATFORMS_MAP: {
55-
[key: string]: boolean;
56-
};
57-
58-
declare type Platforms = keyof typeof PLATFORMS_MAP;
59-
60-
export function getPlatforms(win?: any): string[];
61-
export function setupPlatforms(win: any);
62-
63-
interface IsPlatformSignature {
64-
(plt: Platforms): boolean;
65-
(win: Window, plt: Platforms): boolean;
66-
}
67-
export function isPlatform(
68-
winOrPlatform: Window | Platforms | undefined,
69-
platform?: Platforms
70-
): IsPlatformSignature;
71-
72-
export function testUserAgent(win: Window, expr: RegExp);
73-
74-
75-
// for people using tabs
76-
export interface TabListItem {
77-
label: string;
78-
icon: string;
79-
tab: string;
80-
}
81-
8253
// not exported by @ionic/core
8354
export type NavigationHookResult = boolean | NavigationHookOptions;
8455
export interface NavigationHookOptions {
@@ -1204,6 +1175,12 @@ declare global {
12041175
*/
12051176
"first-day-of-week"?: number;
12061177

1178+
/**
1179+
* Used to apply custom text and background colors to specific dates. Can be either an array of objects containing ISO strings and colors, or a callback that receives an ISO string and returns the colors. Only applies to the `date`, `date-time`, and `time-date` presentations, with `preferWheel="false"`.
1180+
* API info: https://ionicframework.com/docs/api/datetime#highlighteddates
1181+
*/
1182+
"highlighted-dates"?: ((dateIsoString: string) => DatetimeHighlightStyle | undefined) | DatetimeHighlight[] | undefined;
1183+
12071184
/**
12081185
* The hour cycle of the `ion-datetime`. If no value is set, this is specified by the current locale.
12091186
* API info: https://ionicframework.com/docs/api/datetime#hourcycle
@@ -4278,6 +4255,12 @@ declare global {
42784255
*/
42794256
"keyboard-close"?: boolean;
42804257

4258+
/**
4259+
* Defines how the message and buttons are laid out in the toast. 'baseline': The message and the buttons will appear on the same line. Message text may wrap within the message container. 'stacked': The buttons containers and message will stack on top of each other. Use this if you have long text in your buttons.
4260+
* API info: https://ionicframework.com/docs/api/toast#layout
4261+
*/
4262+
"layout"?: "baseline" | "stacked";
4263+
42814264
/**
42824265
* Animation to use when the toast is dismissed.
42834266
* API info: https://ionicframework.com/docs/api/toast#leaveanimation

‎package-lock.json

Lines changed: 23 additions & 23 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "ionic-svelte",
3-
"version": "0.5.69",
3+
"version": "0.5.70",
44
"private": false,
55
"homepage": "https://ionicsvelte.firebaseapp.com",
66
"repository": {
@@ -31,6 +31,6 @@
3131
"svelte": "^3.55.1"
3232
},
3333
"dependencies": {
34-
"@ionic/core": "^6.4.2"
34+
"@ionic/core": "^6.6.0"
3535
}
3636
}

‎packages/create-capacitor-svelte-app/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "create-capacitor-svelte-app",
3-
"version": "0.0.16",
3+
"version": "0.0.17",
44
"description": "Use this CLI app to setup a new Capacitor application in a new SvelteKit project.",
55
"keywords": [
66
"capacitor",

‎packages/create-capacitor-svelte-app/src/creator.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -113,7 +113,7 @@ export async function createIonicSvelte(opts) {
113113

114114

115115
packages = [];
116-
if (opts?.ionic) packages = ['@ionic/core@6.5.3', 'ionic-svelte'];
116+
if (opts?.ionic) packages = ['@ionic/core@6.6.0', 'ionic-svelte'];
117117
if (opts?.capacitor) packages.push('@capacitor/core');
118118
// packages = [];
119119
if (opts?.ionicons) packages.push('ionicons');

‎packages/create-ionic-svelte-app/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "create-ionic-svelte-app",
3-
"version": "0.0.29",
3+
"version": "0.0.30",
44
"description": "Use this CLI app to setup a new Ionic application in a new SvelteKit project.",
55
"keywords": [
66
"ionic",

‎packages/create-ionic-svelte-app/src/creator.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -112,7 +112,7 @@ export async function createIonicSvelte(opts) {
112112
}
113113

114114

115-
packages = ['@ionic/core@6.5.3', 'ionic-svelte'];
115+
packages = ['@ionic/core@6.6.0', 'ionic-svelte'];
116116
if (opts?.capacitor) packages.push('@capacitor/core');
117117
// packages = [];
118118
if (opts?.ionicons) packages.push('ionicons');

‎scripts/core.json

Lines changed: 53 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
2-
"timestamp": "2023-02-08T14:09:58",
2+
"timestamp": "2023-03-01T14:39:46",
33
"compiler": {
44
"name": "@stencil/core",
55
"version": "2.18.0",
@@ -5086,6 +5086,12 @@
50865086
"target": "window",
50875087
"capture": false,
50885088
"passive": false
5089+
},
5090+
{
5091+
"event": "resize",
5092+
"target": "window",
5093+
"capture": false,
5094+
"passive": true
50895095
}
50905096
],
50915097
"styles": [
@@ -5350,6 +5356,30 @@
53505356
"optional": false,
53515357
"required": false
53525358
},
5359+
{
5360+
"name": "highlightedDates",
5361+
"type": "((dateIsoString: string) => DatetimeHighlightStyle | undefined) | DatetimeHighlight[] | undefined",
5362+
"mutable": false,
5363+
"reflectToAttr": false,
5364+
"docs": "Used to apply custom text and background colors to specific dates.\n\nCan be either an array of objects containing ISO strings and colors,\nor a callback that receives an ISO string and returns the colors.\n\nOnly applies to the `date`, `date-time`, and `time-date` presentations,\nwith `preferWheel=\"false\"`.",
5365+
"docsTags": [],
5366+
"values": [
5367+
{
5368+
"type": "((dateIsoString: string) => DatetimeHighlightStyle"
5369+
},
5370+
{
5371+
"type": "undefined)"
5372+
},
5373+
{
5374+
"type": "DatetimeHighlight[]"
5375+
},
5376+
{
5377+
"type": "undefined"
5378+
}
5379+
],
5380+
"optional": true,
5381+
"required": false
5382+
},
53535383
{
53545384
"name": "hourCycle",
53555385
"type": "\"h12\" | \"h23\" | undefined",
@@ -20354,6 +20384,28 @@
2035420384
"optional": false,
2035520385
"required": false
2035620386
},
20387+
{
20388+
"name": "layout",
20389+
"type": "\"baseline\" | \"stacked\"",
20390+
"mutable": false,
20391+
"attr": "layout",
20392+
"reflectToAttr": false,
20393+
"docs": "Defines how the message and buttons are laid out in the toast.\n'baseline': The message and the buttons will appear on the same line.\nMessage text may wrap within the message container.\n'stacked': The buttons containers and message will stack on top\nof each other. Use this if you have long text in your buttons.",
20394+
"docsTags": [],
20395+
"default": "'baseline'",
20396+
"values": [
20397+
{
20398+
"value": "baseline",
20399+
"type": "string"
20400+
},
20401+
{
20402+
"value": "stacked",
20403+
"type": "string"
20404+
}
20405+
],
20406+
"optional": false,
20407+
"required": false
20408+
},
2035720409
{
2035820410
"name": "leaveAnimation",
2035920411
"type": "((baseEl: any, opts?: any) => Animation) | undefined",

‎scripts/generator.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
// todo - using https://unpkg.com/@ionic/[email protected]/core.json
22
// todo - using https://unpkg.com/@ionic/[email protected]/core.json
33
// todo - using https://unpkg.com/@ionic/[email protected]/core.json
4-
4+
// using https://unpkg.com/@ionic/[email protected]/core.json
55

66
const fs = require("fs");
77

@@ -44,7 +44,7 @@ const doStuff = () => {
4444
/* tslint:disable */
4545
import type { HTMLAttributes } from 'svelte/elements';
4646
import type { AccordionGroupChangeEventDetail, ActionSheetAttributes, ActionSheetButton, AlertButton, AlertInput, AnimationBuilder, AutocompleteTypes, BreadcrumbCollapsedClickEventDetail, CheckboxChangeEventDetail, Color, ComponentProps, ComponentRef, DatetimeChangeEventDetail, DatetimePresentation, DomRenderFn, FooterHeightFn, FrameworkDelegate, HeaderFn, HeaderHeightFn, InputChangeEventDetail, ItemHeightFn, ItemRenderFn, ItemReorderEventDetail, LoadingAttributes, MenuChangeEventDetail, ModalAttributes, ModalBreakpointChangeEventDetail, ModalHandleBehavior, NavComponent, NavComponentWithProps, NavOptions, OverlayEventDetail, PickerAttributes, PickerButton, PickerColumn, PopoverAttributes, PopoverSize, PositionAlign, PositionReference, PositionSide, RadioGroupChangeEventDetail, RangeChangeEventDetail, RangeKnobMoveEndEventDetail, RangeKnobMoveStartEventDetail, RangeValue, RefresherEventDetail, RouteID, RouterDirection, RouterEventDetail, RouterOutletOptions, RouteWrite, ScrollBaseDetail, ScrollDetail, SearchbarChangeEventDetail, SegmentButtonLayout, SegmentChangeEventDetail, SelectChangeEventDetail, SelectInterface, SelectPopoverOption, Side, SpinnerTypes, StyleEventDetail, SwipeGestureHandler, TabBarChangedEventDetail, TabButtonClickEventDetail, TabButtonLayout, TextareaChangeEventDetail, TextFieldTypes, TitleSelectedDatesFormatter, ToastButton, ToggleChangeEventDetail, TransitionDoneFn, TransitionInstruction, TriggerAction, ViewController } from "@ionic/core";
47-
import type { IonicConfig, IonicSafeString, AlertAttributes, CounterFormatter, PinFormatter, SelectCompareFn, ToastAttributes } from "@ionic/core";
47+
import type { DatetimeHighlightStyle, DatetimeHighlight,IonicConfig, IonicSafeString, AlertAttributes, CounterFormatter, PinFormatter, SelectCompareFn, ToastAttributes } from "@ionic/core";
4848
import { Cell } from '@ionic/core';
4949
import { SvelteComponent } from 'svelte';
5050
@@ -57,7 +57,7 @@ const doStuff = () => {
5757
);
5858
5959
export { default as IonTabs } from "./components/IonTabs.svelte";
60-
export { default as IonTabsLegacy } from "./components/IonTabsLegacy.svelte";
60+
// export { default as IonTabsLegacy } from "./components/IonTabsLegacy.svelte";
6161
export { default as IonPage } from "./components/IonPage.svelte";
6262
export { default as IonNav } from "./components/IonNav.svelte";
6363

0 commit comments

Comments
 (0)