From 8cc04056425a9bedcbc96095db738288950a3b1d Mon Sep 17 00:00:00 2001 From: gnbm Date: Fri, 22 May 2026 10:40:38 +0100 Subject: [PATCH 1/2] fix(split-pane): inline default literal for when The `when` prop default was initialized from `QUERY['lg']`. Upcoming Stencil compiler changes resolve such identifier/element-access default initializers to their underlying literal in the generated `components.d.ts`, producing a drift between the committed file and a clean rebuild and breaking the Stencil Nightly Build. Inline the literal `'(min-width: 992px)'` so both the current and upcoming Stencil compiler emit identical output. Runtime behavior is unchanged: the shortcut lookup `QUERY[query] || query` continues to resolve user-supplied shortcuts (`'lg'`, `'md'`, etc.) via the `QUERY` map. --- core/src/components.d.ts | 4 ++-- core/src/components/split-pane/split-pane.tsx | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/core/src/components.d.ts b/core/src/components.d.ts index 37223c4f77a..443c04611cf 100644 --- a/core/src/components.d.ts +++ b/core/src/components.d.ts @@ -3313,7 +3313,7 @@ export namespace Components { "isVisible": () => Promise; /** * When the split-pane should be shown. Can be a CSS media query expression, or a shortcut expression. Can also be a boolean expression. - * @default QUERY['lg'] + * @default '(min-width: 992px)' */ "when": string | boolean; } @@ -8683,7 +8683,7 @@ declare namespace LocalJSX { "onIonSplitPaneVisible"?: (event: IonSplitPaneCustomEvent<{ visible: boolean }>) => void; /** * When the split-pane should be shown. Can be a CSS media query expression, or a shortcut expression. Can also be a boolean expression. - * @default QUERY['lg'] + * @default '(min-width: 992px)' */ "when"?: string | boolean; } diff --git a/core/src/components/split-pane/split-pane.tsx b/core/src/components/split-pane/split-pane.tsx index e2a02dab7a9..1058b754c6a 100644 --- a/core/src/components/split-pane/split-pane.tsx +++ b/core/src/components/split-pane/split-pane.tsx @@ -50,7 +50,7 @@ export class SplitPane implements ComponentInterface { * Can be a CSS media query expression, or a shortcut expression. * Can also be a boolean expression. */ - @Prop() when: string | boolean = QUERY['lg']; + @Prop() when: string | boolean = '(min-width: 992px)'; /** * Expression to be called when the split-pane visibility has changed From 14f88ca68fb9cb43f34b17ac2764a7da55d1dc48 Mon Sep 17 00:00:00 2001 From: gnbm Date: Fri, 22 May 2026 15:00:09 +0100 Subject: [PATCH 2/2] Update api.txt --- core/api.txt | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/core/api.txt b/core/api.txt index d9e586ffd33..8a9af0b2918 100644 --- a/core/api.txt +++ b/core/api.txt @@ -1833,7 +1833,7 @@ ion-spinner,css-prop,--color ion-split-pane,shadow ion-split-pane,prop,contentId,string | undefined,undefined,false,true ion-split-pane,prop,disabled,boolean,false,false,false -ion-split-pane,prop,when,boolean | string,QUERY['lg'],false,false +ion-split-pane,prop,when,boolean | string,'(min-width: 992px)',false,false ion-split-pane,event,ionSplitPaneVisible,{ visible: boolean; },true ion-split-pane,css-prop,--border,ios ion-split-pane,css-prop,--border,md