From 91d0e267b2a51db6274ecf66cd7e1f35b91ebebc Mon Sep 17 00:00:00 2001 From: Liam DeBeasi Date: Tue, 5 Dec 2023 14:40:53 -0500 Subject: [PATCH] feat(picker-column): add styles, disabled and active states (#28621) Issue number: Internal --------- ## What is the current behavior? We'd like to introduce a new API to the picker column to allow developers to manipulate the picker options right in the DOM. Currently developers need to pass an object which is quite cumbersome as you need to re-pass that object anytime you want to change a single option. ## What is the new behavior? This PR does some of the prep work to make integrating the picker column option into picker column easier. It does the following things: 1. Copies the base button styles from picker-column over to picker-column-option 2. Creates active and disabled states (plus styles) 3. Add tests for base styles Note: There are duplicate styles across picker-column and picker-column-option that will be cleaned up once picker-column-option is integrated and shown to be functional. ## Does this introduce a breaking change? - [ ] Yes - [x] No ## Other information --------- Co-authored-by: ionitron --- core/api.txt | 1 + core/src/components.d.ts | 8 +++ .../picker-column-option.ios.scss | 1 + .../picker-column-option.md.scss | 5 ++ .../picker-column-option.scss | 45 ++++++++++++++ .../picker-column-option.tsx | 35 +++++++---- .../picker-column-option/test/a11y/index.html | 5 +- .../test/basic/index.html | 14 ++++- .../test/basic/picker-column-option.e2e.ts | 55 ++++++++++++++++++ ...umn-option-ios-ltr-Mobile-Chrome-linux.png | Bin 0 -> 1955 bytes ...mn-option-ios-ltr-Mobile-Firefox-linux.png | Bin 0 -> 1919 bytes ...umn-option-ios-ltr-Mobile-Safari-linux.png | Bin 0 -> 1732 bytes ...lumn-option-md-ltr-Mobile-Chrome-linux.png | Bin 0 -> 1531 bytes ...umn-option-md-ltr-Mobile-Firefox-linux.png | Bin 0 -> 1831 bytes ...lumn-option-md-ltr-Mobile-Safari-linux.png | Bin 0 -> 1355 bytes ...umn-option-ios-ltr-Mobile-Chrome-linux.png | Bin 0 -> 1697 bytes ...mn-option-ios-ltr-Mobile-Firefox-linux.png | Bin 0 -> 1772 bytes ...umn-option-ios-ltr-Mobile-Safari-linux.png | Bin 0 -> 1564 bytes ...lumn-option-md-ltr-Mobile-Chrome-linux.png | Bin 0 -> 1358 bytes ...umn-option-md-ltr-Mobile-Firefox-linux.png | Bin 0 -> 1640 bytes ...lumn-option-md-ltr-Mobile-Safari-linux.png | Bin 0 -> 1206 bytes ...umn-option-ios-ltr-Mobile-Chrome-linux.png | Bin 0 -> 1697 bytes ...mn-option-ios-ltr-Mobile-Firefox-linux.png | Bin 0 -> 1772 bytes ...umn-option-ios-ltr-Mobile-Safari-linux.png | Bin 0 -> 1564 bytes ...lumn-option-md-ltr-Mobile-Chrome-linux.png | Bin 0 -> 1702 bytes ...umn-option-md-ltr-Mobile-Firefox-linux.png | Bin 0 -> 1703 bytes ...lumn-option-md-ltr-Mobile-Safari-linux.png | Bin 0 -> 1417 bytes ...umn-option-ios-ltr-Mobile-Chrome-linux.png | Bin 0 -> 1955 bytes ...mn-option-ios-ltr-Mobile-Firefox-linux.png | Bin 0 -> 1919 bytes ...umn-option-ios-ltr-Mobile-Safari-linux.png | Bin 0 -> 1732 bytes ...lumn-option-md-ltr-Mobile-Chrome-linux.png | Bin 0 -> 1905 bytes ...umn-option-md-ltr-Mobile-Firefox-linux.png | Bin 0 -> 1862 bytes ...lumn-option-md-ltr-Mobile-Safari-linux.png | Bin 0 -> 1553 bytes packages/angular/src/directives/proxies.ts | 4 +- .../standalone/src/directives/proxies.ts | 4 +- packages/vue/src/proxies.ts | 3 +- 36 files changed, 162 insertions(+), 18 deletions(-) create mode 100644 core/src/components/picker-column-option/picker-column-option.ios.scss create mode 100644 core/src/components/picker-column-option/picker-column-option.md.scss create mode 100644 core/src/components/picker-column-option/picker-column-option.scss create mode 100644 core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts create mode 100644 core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/active-picker-column-option-ios-ltr-Mobile-Chrome-linux.png create mode 100644 core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/active-picker-column-option-ios-ltr-Mobile-Firefox-linux.png create mode 100644 core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/active-picker-column-option-ios-ltr-Mobile-Safari-linux.png create mode 100644 core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/active-picker-column-option-md-ltr-Mobile-Chrome-linux.png create mode 100644 core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/active-picker-column-option-md-ltr-Mobile-Firefox-linux.png create mode 100644 core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/active-picker-column-option-md-ltr-Mobile-Safari-linux.png create mode 100644 core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/disabled-active-picker-column-option-ios-ltr-Mobile-Chrome-linux.png create mode 100644 core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/disabled-active-picker-column-option-ios-ltr-Mobile-Firefox-linux.png create mode 100644 core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/disabled-active-picker-column-option-ios-ltr-Mobile-Safari-linux.png create mode 100644 core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/disabled-active-picker-column-option-md-ltr-Mobile-Chrome-linux.png create mode 100644 core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/disabled-active-picker-column-option-md-ltr-Mobile-Firefox-linux.png create mode 100644 core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/disabled-active-picker-column-option-md-ltr-Mobile-Safari-linux.png create mode 100644 core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/disabled-picker-column-option-ios-ltr-Mobile-Chrome-linux.png create mode 100644 core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/disabled-picker-column-option-ios-ltr-Mobile-Firefox-linux.png create mode 100644 core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/disabled-picker-column-option-ios-ltr-Mobile-Safari-linux.png create mode 100644 core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/disabled-picker-column-option-md-ltr-Mobile-Chrome-linux.png create mode 100644 core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/disabled-picker-column-option-md-ltr-Mobile-Firefox-linux.png create mode 100644 core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/disabled-picker-column-option-md-ltr-Mobile-Safari-linux.png create mode 100644 core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/picker-column-option-ios-ltr-Mobile-Chrome-linux.png create mode 100644 core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/picker-column-option-ios-ltr-Mobile-Firefox-linux.png create mode 100644 core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/picker-column-option-ios-ltr-Mobile-Safari-linux.png create mode 100644 core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/picker-column-option-md-ltr-Mobile-Chrome-linux.png create mode 100644 core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/picker-column-option-md-ltr-Mobile-Firefox-linux.png create mode 100644 core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/picker-column-option-md-ltr-Mobile-Safari-linux.png diff --git a/core/api.txt b/core/api.txt index 8a02f2a89b..d2b8e7863d 100644 --- a/core/api.txt +++ b/core/api.txt @@ -919,6 +919,7 @@ ion-picker-column,prop,value,number | string | undefined,undefined,false,false ion-picker-column,event,ionChange,PickerColumnItem,true ion-picker-column-option,shadow +ion-picker-column-option,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record | undefined,'primary',false,true ion-picker-column-option,prop,disabled,boolean,false,false,false ion-picker-column-option,prop,value,any,undefined,false,false diff --git a/core/src/components.d.ts b/core/src/components.d.ts index 54929a2188..22c336a309 100644 --- a/core/src/components.d.ts +++ b/core/src/components.d.ts @@ -1987,6 +1987,10 @@ export namespace Components { "value"?: string | number; } interface IonPickerColumnOption { + /** + * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics). + */ + "color"?: Color; /** * If `true`, the user cannot interact with the picker column option. */ @@ -6634,6 +6638,10 @@ declare namespace LocalJSX { "value"?: string | number; } interface IonPickerColumnOption { + /** + * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics). + */ + "color"?: Color; /** * If `true`, the user cannot interact with the picker column option. */ diff --git a/core/src/components/picker-column-option/picker-column-option.ios.scss b/core/src/components/picker-column-option/picker-column-option.ios.scss new file mode 100644 index 0000000000..18b8434b2d --- /dev/null +++ b/core/src/components/picker-column-option/picker-column-option.ios.scss @@ -0,0 +1 @@ +@import "./picker-column-option"; diff --git a/core/src/components/picker-column-option/picker-column-option.md.scss b/core/src/components/picker-column-option/picker-column-option.md.scss new file mode 100644 index 0000000000..8dc535d899 --- /dev/null +++ b/core/src/components/picker-column-option/picker-column-option.md.scss @@ -0,0 +1,5 @@ +@import "./picker-column-option.scss"; + +:host(.option-active) button { + color: current-color(base); +} diff --git a/core/src/components/picker-column-option/picker-column-option.scss b/core/src/components/picker-column-option/picker-column-option.scss new file mode 100644 index 0000000000..a414a3580e --- /dev/null +++ b/core/src/components/picker-column-option/picker-column-option.scss @@ -0,0 +1,45 @@ +@import "../../themes/ionic.globals"; + +// Picker Column +// -------------------------------------------------- + +button { + @include padding(0); + @include margin(0); + + width: 100%; + + height: 34px; + + border: 0px; + + outline: none; + + background: transparent; + + color: inherit; + + font-family: $font-family-base; + + font-size: inherit; + + line-height: 34px; + + text-align: inherit; + + text-overflow: ellipsis; + + white-space: nowrap; + + cursor: pointer; + + overflow: hidden; +} + +:host(.option-disabled) { + opacity: 0.4; +} + +:host(.option-disabled) button { + cursor: default; +} diff --git a/core/src/components/picker-column-option/picker-column-option.tsx b/core/src/components/picker-column-option/picker-column-option.tsx index b45adb6e2c..56decf2763 100644 --- a/core/src/components/picker-column-option/picker-column-option.tsx +++ b/core/src/components/picker-column-option/picker-column-option.tsx @@ -1,9 +1,17 @@ import type { ComponentInterface } from '@stencil/core'; import { Component, Element, Host, Prop, State, Watch, h } from '@stencil/core'; import { inheritAttributes } from '@utils/helpers'; +import { createColorClasses } from '@utils/theme'; + +import { getIonMode } from '../../global/ionic-global'; +import type { Color } from '../../interface'; @Component({ tag: 'ion-picker-column-option', + styleUrls: { + ios: 'picker-column-option.ios.scss', + md: 'picker-column-option.md.scss', + }, shadow: true, }) export class PickerColumnOption implements ComponentInterface { @@ -29,6 +37,13 @@ export class PickerColumnOption implements ComponentInterface { */ @Prop() value?: any | null; + /** + * The color to use from your application's color palette. + * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. + * For more information on colors, see [theming](/docs/theming/basics). + */ + @Prop({ reflect: true }) color?: Color = 'primary'; + /** * The aria-label of the option has changed after the * first render and needs to be updated within the component. @@ -50,19 +65,17 @@ export class PickerColumnOption implements ComponentInterface { } render() { - const { value, disabled, ariaLabel } = this; + const { color, value, disabled, ariaLabel } = this; + const mode = getIonMode(this); return ( - - diff --git a/core/src/components/picker-column-option/test/a11y/index.html b/core/src/components/picker-column-option/test/a11y/index.html index 9c19fd0b73..4d8d350ac1 100644 --- a/core/src/components/picker-column-option/test/a11y/index.html +++ b/core/src/components/picker-column-option/test/a11y/index.html @@ -2,7 +2,7 @@ - Picker Column Option - Basic + Picker Column Option - a11y @@ -14,6 +14,9 @@
my option other option + option + option + option
diff --git a/core/src/components/picker-column-option/test/basic/index.html b/core/src/components/picker-column-option/test/basic/index.html index e8d4fdd39d..91c7018612 100644 --- a/core/src/components/picker-column-option/test/basic/index.html +++ b/core/src/components/picker-column-option/test/basic/index.html @@ -46,7 +46,19 @@

Default

- my option + My Option +
+
+

Disabled

+ My Option +
+
+

Active

+ My Option +
+
+

Active / Disabled

+ My Option
diff --git a/core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts b/core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts new file mode 100644 index 0000000000..f7291831e8 --- /dev/null +++ b/core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts @@ -0,0 +1,55 @@ +import { expect } from '@playwright/test'; +import { configs, test } from '@utils/test/playwright'; + +configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => { + test.describe(title('picker-column-option: rendering'), () => { + test('picker option should not have visual regressions', async ({ page }) => { + await page.setContent( + ` + My Option + `, + config + ); + + const option = page.locator('ion-picker-column-option'); + + await expect(option).toHaveScreenshot(screenshot('picker-column-option')); + }); + test('disabled picker option should not have visual regressions', async ({ page }) => { + await page.setContent( + ` + My Option + `, + config + ); + + const option = page.locator('ion-picker-column-option'); + + await expect(option).toHaveScreenshot(screenshot('disabled-picker-column-option')); + }); + test('active picker option should not have visual regressions', async ({ page }) => { + await page.setContent( + ` + My Option + `, + config + ); + + const option = page.locator('ion-picker-column-option'); + + await expect(option).toHaveScreenshot(screenshot('active-picker-column-option')); + }); + test('disabled active picker option should not have visual regressions', async ({ page }) => { + await page.setContent( + ` + My Option + `, + config + ); + + const option = page.locator('ion-picker-column-option'); + + await expect(option).toHaveScreenshot(screenshot('disabled-active-picker-column-option')); + }); + }); +}); diff --git a/core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/active-picker-column-option-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/active-picker-column-option-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..872f0619da27ddc324fcb9f5d726b5e94bd438c8 GIT binary patch literal 1955 zcmV;U2VD4xP)Px+T}ebiRCt{2+*?RgT^k4R|2R61Qfj4*73q-2(kvrG(?oh_G)ZHUL^2O$QECUu zBq+iTbkhMZDjH2NvWU=9lN`!4OLHW|GBxv%LQbh;r3N0R(pm4t%WS^M8PhjEzOQ_K zSMF!6{XA>tVlVg7wRns%20{oS!~m23^#BMVg#7=aNrDhUh*72h(AwGxl}d$xfB=}A zn;YynJUoo*>S{PRIKailWm<}BwOZ8H*5c*Mmlzlrz{-^?;p^)QD=VvM$*&U^7YA!= zYh1c?X^~ zLL!l%t*s48r4l_oJ$Uox4SIWf;p5|jkdP46*49orZ-0M3GBPsI-`}qn&&|z6R#w(@ z4WAG~W(-r^4~~wGsHv&Jix)4jYSk*ePD-T`uV250gM$MXYiepjd3iZ@@7@hFGczvU z*4BoSk`nCPxf4R6&|uN5tSmG)H>0+;7T(_8TzuZVc_=6-fQN?%Qd3h=US19WxOeX! zY;A3^V#Nw56bdvoHNo548{y&MFfsXOo~y2|#{K*E0RXpd-NM3!3%Ris7Z*by5I`!G za<#sF`-Y;TA~ZBKKqL}DDwXOjqv>icS+WEQg#w+Oo$&YfM{scP)W2my2>DI%7-Q_v zp+l&vtHZ2WvtVy;Kkm2gn3x!hjEtbSw->&?zBqsWJUTi$;Oy*-;^Jb2hK6!|larI7 zR4P$dS7)@S?m=5pQev<@Gcyy3iHYdz>%*Kmb0C#UAr_0#(9i&ZKmdV2fXd2B{Povg zC@Ly~si`ThU%!s*>}*t2R3I=g5LQ-J$ji%vP$)!rcsOiqY;fbo4FEuQcQ-;qL-GFo zd-(bJL8Vfmxw#ovu3SMvLIMClDwV>{&JOkU^$?52=OG{ZmKmbckP379wty{;oZ{N;c zkByBnkx0bS)6>~R#9}c^Nl7uPgyd|_c>EG8y~yN-{KXHHH|Os!UPv9z=_W?^B$R4Nr$)6&wCwY0Qw zeGVT!%q%P{*y!l!grAQPLjDwbf0GCa34ur?LQYN&7t7AhhNGh+)~{bbZi0!6i$h^y zA-;eA4gjdAsKBRBpAa1#J>kTpR;yuWXJ@os*QQphxtO1yA2x5^%w7BY`(xwAjktUF z?u4~|#27J<3Qn|^ zZ{KpUA1AWevu6VUHz^WA$e(W9X1aug1hluegA0KbX{m6hQ0`EYi2=3;|`gX8)Q4h~LvPlfJ5KQuHn zu5D;&XxjH^5JJfBY}_PaYio(U!L`O%%#>U2I0^O3+PKl zXmWBg>g($b?#ocC)wp=^B6jT90SgNYF8<`n6TQ6-TCEmkWn~86FouVRjn=lZvVwzy z1Io(E^x|!8ZFu+Y9hNU&{?qXjLdZ;EYABeLl!U;*KrqHoQ&Tfxg5cm_2!%rI+qVx< zQBg+!?e#xNrBXyhL?AXc79AZOkjZ4Qv9WeVYOSg=5^e?&wCRJ%Iu9T5~11bcgXJb3T`d_I5DpMelU{&YOX ze*LKMBS(&)u&@xVt*ukOmobKpjt+eJ@&z6q9tO{j((RMT%F2RPtA$#v9yf{nnDgt` zuakPK>F(~v+_`g&o>@f*Av2l5<)+E{{P{DKN+m8|zKrzr^naCu$K%1t$!XI4O-xKC zoFH^LCo@3+_-QUe2${)#>8SA3)KqNQvIViRvDmX`&vcDx9499yEMC0$zm}g6LWp6% pwA?f{HU=J#$DN-<2qEOp@;4Nt9H#^8<$3@B002ovPDHLkV1gZ6u1f#_ literal 0 HcmV?d00001 diff --git a/core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/active-picker-column-option-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/active-picker-column-option-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..41ff9101e0620460c2065a4082208f7b2e72bc14 GIT binary patch literal 1919 zcmV-_2Y~pAP)3hh6o%iLmBf%1LCoV1p%OuBXk(s&5JQW$N>Q_*_+gHj5F#}bB2rBW8rnoERWuP} z5mZ$uHI#%OhN8ajU0?Re?Y-x!e!ah(wUQ>~?6dbd&plo5S;M}5zy39-DFG#*1eAah zup!{5BB9TP5>Nt4KnZvwpdz8qh7wQ$Ndq4~G&^0!ly${9Ys;KYolCFJ7QW zj~=L6wW{sl&!0cz+O=zF(xeGmw{Gndq&Yb`xPJXQ^78V~zI}Ui?b;QM8a49C+-8zV zlO~~7tyNt8ARv*%{Q2{-efxGCK71IFk&(9dosf`#88c>J;lhR3 zym@oE*nIo;4NI0R!Hyj}P_t%DG;7uj6e`xx*RNj>UXP!jUzyk7wGACQ6rrJ^*12QG zj1iI8w{KsW=hG9EfD%vwPA5=8B={zum6c`7q+`d9xO?}mPefws)Tuaj>=<_M-Yue3 zp+W_G|Nb3o*RI8yHEXbC%N8tHu%OJJO<-UkR<2x$nKNgW`CL6g2`B+2paeV#SR!%i z)G0|hG5yoIbLSExuU@^1UcGurDu{39j3gdBc!2cubi~HSqH^WR)_A6n($dlp6BC1K z)v9@{c<u9=#e3V(lp3?4if zEn2jY^PfL|j>u0T1R8)jBXU-ryI~(=u z*Oz0iDKytLFJHcl%*;%=mht1qBOo9^pCcup1eAbd2v{O<`}S=~{WNIMz#}y?VZsD_ z`SJyC-@Zk+ZrwyAo<4nwR;^lz6CN~ZkOeF*E)EnG&Sz)q)~&;a4I5-GI}v&G=n>kr zYbU}ma^y%{xpGBnC5$?FZctDVC^YZhy+cw`5(W$yfSWgOV#SITA|P$rv_bRc&9Qv> za&+m^1;d67L+#qNarEd>xf}`ruQxwGAKklm7h!z(@S)5fEug5s-;NV~p0SXx- z0bVB^HftFslCeuSxr;RJVd>JP z&VFk2?v;QNa14PGB60EJMR{wcgP%Qnwm{glX%h|{I3RD^6a`n2*uQ^27A;yNQ2`zG zrAwF4w{Ks(eECw+ICjQ#5QX5vg$rIGGp#jl+&FCAy47;n6o~%)`&;MSx^+v^V(hr$ zHPK2F2^Pj{)Tkkm%$zxMthv5^{VL~f+_({pgp5dV4W`D7u^`SA*TI7a9rJ+bjVb{p z;A{dVM1nO2io%g2M{xiCed#u$Xwad~ojVsjd-g0L5+6T)l=Ku+Lrme!nl%g0o;{Nk zjW?qcrkJq4U}uaHs#mWr-BuJT%%!tt zv_S_<=g#7`H)Go?qYoCFDKPFv0SOBWvmCh*3Dzo@?lJcM{d*}Qvj9!!O)D*u`1I+M zq|r>h!*y*&2;5V_l$u#nMZyVx0(y^1KneVgfQLwM@WhD|r6rXj!MwfMV_+u|=g*%< zcz8HYo;)dag4eHK+ZLqFMNouT$Dp`y?}e-V`0)dM`t*_X73&R^Dpj%^HpPe0jIk3Z zPRP1Xo;~7n(t<*i- z%{}!)$Iikwf4mvfWWPIZ&SP6^-MV$XeqU8t??uNe0VSXW{x$;T5(yTMnI0NDcC2&- zO`ks9=X|`?2YkMePN)QwfD%vw9t6rI65JSf{P=NjgBpv_|L05jO8ZQ>bDQh1+e&vj zmqtsED*+{-1bj=NTq41uHHCp+SD~f^lzI+JeZRjv7A#A zyRZtotQl*oHCC-JwdRLvLuFm&Tx(Qnu2>h%uDIr?Rc0#TmMoHP+NMaUocF`okbq3- z?G4|Z-xoRmbIzZK=fi*J;CY}x2myv+SY)97?F+y#3>$?@5{6+BWC{SFv$NCTa7d+6 z27?jM?RLAHo11w&UVMCf7}>pEuhnXO_Uu_-U*F=zi&v~z5fc*=_O+_jYBrmF`t<3r zGhi4N;iv!rgTX)$#HCA@g1f7#stAIptgH+pwbSX8%jL_KEz|4u=g*(d&dwHzM0f7o z8UJ*xR_k;+eG!kxFIg>`t^qo zA5v3Ov$C?RR_k~&^!E0amzVeU_WB|wlgVf_hIc&}hD{1n&>udZ-_p|Z^y$+jOP2Wh zEEdbFSFd} zadEY^wPLYYr_(hxH30ywUAxBNa3m6m*=%lWYfDKef`UqFS%SUNs_*;B}zMQ-aNC}+}+)so}Mn3%m2Ww z!!Ya*fDrE8yEij4Q=w33G#coqu&_|2Qc0y!olXZKwA<|z3dL+T`vz#WT8TsgLm^3$ zB+1}-d3iYi;LDdU5JG|=G#btF<;ycNGFGo%O{dedv$KbWh9HC&E?khwWB>q}Or}sM z1_uWrgbIaXVsTDRPFh+T0O0W9 z!yzvc!>~v*T9V9Wb98icUtb^U`1tW7gTZKMXz-OJ2w_G>#->f1(Cd+r5iXZoR#p}= zuRtIuEiDa>KYsie0Py6=69^$e5CDLhni|yg=+Pq@jaFG%iJGmgtpI@5)>hwK|B_T( zTr3m{T`m`D>h*dSi{)@QP}=C|=#GvK)U|KlJ{F5LJUkrM{lPHoKQ;PYQdU+Lm&>iH zszS|k=g#r@{8g(~`7f!|YIR**-O$hw0N}xc2cJHDDkvxjx%hIqT+^pd500at%jH7N zw6wJK>(`^#>FMb?IXPFaULDWM&SWy}*|TTHj2S3$;J^VIjaFY@kD4S&CL|=F*JzRT z?%lgzro}MquNy5%R4R4HjvZ)Y1tF}cs3<8Zp-?FPqjPg}JswX(LjwTd%9Sf?)~w-j zxgqlk1cL7F?%+5I3IqbwOiD`f?_IcXq1|r(39Q&Xc> ztACbPBod)LT7ZWSAJS;F`Sa(aW`BRbe{X+(|9B2Ap(-;lFyJ2?7#R4SLr)lnMS>qn z5{JXd&CN9!33lZ1hEJHrv~`Zx=0E^ox&+VOV6F z642IawKACuLfF#M5^{oEE@v{CyLRo$%gYP?-@gw@k}8#|sHmu`t4pa=#>U24ESA#J z(x|AYqeqYWhIu@myu7?)$BxnI^b;pew70kWsu zkf2m59S+Ct-MbeoSfErY!@CO@hDC_LXWUkHf$&=D%!q%`|rQEP$--`ckb`!!7%K9V`3Y(k&zJ!g@PVK!!Qi{ a*Zl)CNMVmWyciMy0000Px)wMj%lRCt{2oLf+pRTO}~b2!|Qn|Q^$<^>heyrq>njEbaAT3I?ZQ@*4^TinhPKW~>^lRWYzIGY=oSuzx8Td&uw;g;{UBr)K}t5f{xta7 zWNcjugaxXRP!vUZ6xf`9>^Th!r^rs+nbImTA{I;QlwBx>rCVY8aCk2sY*whV!&iy0 zECG6Vfc~9ZzFu|_e4h-jj5UnJ>NmjJ%J)H_obWg=?=JEX^bUi!kQ##=WnhoH5VofG3+DS*pVA!|-mc0lY--f;&Wv36Y zcsjiBr1Y1}fR{#@ulw1rlB3wL0G7^#pXNhMPxxpX)ZR1XDr;o!<5{qNzUX!~Hj1Js zZIMPJQBx-g>E0b6AwbJ@|o6iUM zNLyWNj73F)x0m$&y)Wg_Z-RIXCodVY69z(vzai77 z0~D9Kuc;`C(w1;B5+L5h-Yh7umQYgiSs4S@oi{+-Fi6i6xs+`1^@e8#m@5kMmBjb0 za`X9;3YiZy@j@I#hD+PhkGCTP)ic6%-0|BHt}?@7fqV9r=}{C#`M=U=B4!itBJ~_ifU;c zUO{s>ybx#a1fcw`wEitzM^O}|t>Sj#I>=W-M%&Y1#|em!aZfZm2=;?(;!#ZY z5NdKTX^13+3+}6aDlUTq*$^A$I&QzuC}re>j}1CI@*2&Qy7ucN^2hUB$5R`sqMWO> z6h%=KcTBJ4m^o5*{FiSU$ze}SjfSiO2{n!F*R<^1aS}3Gv_X>Gmv6zL^RRFOLE^?@@SA>~_!TA0V5&PxD{=?n8?jrq}ipif6Bm3?jyET8SJb3v@=S-w;9E?!o6J_Z)WHT|xN zq9_VjT6D#10EI4`;=%kTTnMCW|LgXNT}WcR72#R4RoA zcn*t!l-AxXhxS2D%PESYCQNfYD2U>h}Pz){CC#*8RYkcwoyOx5nN1fYud(yKaqsP4CRp=YYl|fp(REn)fAt zJzK#D7y%=Y)(Kq7Bs`HQm=l=NF)T`;I10B-Z^3^qdUbnFpwm5X2X30wf#* z8v_p(xw?OjI)i~qC4laayYnvaM&F$S#Fhl^&3|=k*=!?V1dMc-v@Ht0E}!2q>l*(_AV2g08Q@#WJnkJKa*c1 zB0tk+8UZ6<1dKo=1Og&)hNYTahk>&Entwj_@>AcK1#CM2WXS~NW{_98>7^OKhMmBd zJ%NOHk0mTw^=0Ym<90wXW(%QXEwhNOalo)|8Is-X*Zx!DJdemU%Q^p-X`X?}aA+Ty2aP~YMPFe-b?FD4Y z;2!$aS(a}GF_WkY%x7sR|4mLLRx;@JV(Dm9t6*uT{};e_yBWk8u>E8Fa?V{0Eba?r z&UpDzU8BldK!++o3kGM2#K5^g=|b-B&R=kWe(w?B^KS0He?I|qW(HD*qSmY&P=G=I zBFjyoB5{VI&|;Jm2l*5k(*wGXLp(R`IUvXNL6NwY_ar~&_S}5_jlhbZ$%3V~!W1VP zM!*OdfwW2>AQFd90{!a)PYeZKdD3|g8nZV5gBY;qFk|S%psb)Nk+{I}QLXoA5VQW@ znTEG~3yDeHQb7C4iE$2Hz%{tmH!p@qUFB_{_WeLNe&u^2F^^)U5|_roKlo)ojMsV$ zc)G0nJAb)Jq7W()$~cD12PQMv7tG<#Iewb!@EPmyKD+W-UMA6|A`SEkZqCUwKsDY^ zZ)Pr*O{CTTHSD>KfDsUZfJppyj9=L-6Lp{D1YkJJLK^MIxiXFfL}eM7&R%!Zpn1TW zU!0fl{XU@07+@m5(2L|s3|GN=4!_VBB_R@38I)`JL}F1N;JRyqYqk8yed+hB8<|MF z@ELI6xO=Y9(Qi6SYb-OxbqI=tjPvq$1ZPzm05oNW;t7YnE=Irz7=g4%ARrRE=|@ar zfM2|oL6|{wW>?@G%Q`Zfhct*V|#Y}pI69qWSaBA&ODo`k;I!ws+8Z#bTV!C#XmFFrL_z|WH8V3I3P9+PV97t3-TlfUq4JY53>!wk z2pEC1N+2K-`m$DlmoU_3YiUE4bYx~PpqVSdNJn?NKHFfmuOW1wgoHz-sbxR09kn>{ z?4#jPe!HEeq=_v5P;mUMu3q<)cg!m{`9-412hO;TG?VE4DR6{kG<9tGGYN^}g!U#9 zY4ydo=QaXHATk1pL_(*@KUmJ7e~vZ&+N|BTP57D)ClaIMo!21GK!$Zb8r$K9N>~z< z+}YT<)FRjdD=$OhvEv{xgJL9e*%OJ`Jy`0>>Q+y0Y4_Or=gJ2~4PQt*$9`H|aWFchiIwZcm21lhE!a z6N%LOlG~FR0V5DSfv_T>yIMDyU{;Y315W7*}@eAJ3UP_jU9mX}FrpTv~aG@qHJ$PD-PNq95YQ*>VE9*$GY4zxEz8}>v2s#NS}j7yT@nz}je+5+f;3 zA|=+gHH?4}Faky(asp9{ggglCqW*-N(~8~#3}_JfMgMK4iNwDVvg1a;2pEC?hCtLJ zvGhmaW&SjW$~WqE%EngHlo}=yDMixOF#<-w2qcd{)FP3*%i7sSzz7%tBk+G9@DJpv VkmJ960}%iK002ovPDHLkV1lc7TipNv literal 0 HcmV?d00001 diff --git a/core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/active-picker-column-option-md-ltr-Mobile-Safari-linux.png b/core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/active-picker-column-option-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..7395bd0bdd06542aa9b9023a6d5936a49a4d1a0f GIT binary patch literal 1355 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 literal 0 HcmV?d00001 diff --git a/core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/disabled-picker-column-option-md-ltr-Mobile-Safari-linux.png b/core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/disabled-picker-column-option-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..1108102bd579231d10e497038e054660e1144da3 GIT binary patch literal 1417 zcmV;41$O$0P)QXGAxGCF4fpH2osEHNQST9UWj7e+a zWz$dAtEPSdd(rfTaK}wwqD#PrT?Bj~h)``Ypakpgxfru@7B%8IJ(Zs4cOx@9Gb|+h z^DvBzrfCQO0B#2Mci#X20GxqH0s!0~W`s~A63OLq;cz$@3>q%4tgL+b^2O)#&CJYP zeNk0aB}q!B)75H~=Xs3r*w~oKWNP>3-oJm}-Q7JsJ>Bj^06>R2tCD0{ZoRB1O1mp+ zn)dG9J4uoT2L~TNe(dph;_>*~w{NeqX_ZQ)Uc7kGXf$Y35CoUY)$R=d06LeM{^2<8 z`}gmqQmHutc6N3S4i37zyW3h(mgRgtKR-V&iX!cCyWMZzyh)`}e!su1rA9|b+Zqo5 z=ya!%)ZgDR8{49-q6qUysE1DCJ`aT@Aup7_Fyo0|Ni|%BB5#8?c29| zdU_B-cDvoMf~IMoK7I1}d{a|X_wL<$`0(M_*cgo=IzSMFnVFfPp`lPH-BoAR=Z^U{{Ft<=`hBssuqhy+H^Xd`X!#{^{4^>be7XdQdJcpLf2JyEEWqw=;-L^lDni4 z(_A{ydg`L+fg|Yvbg0v6g?@%9!S zaX1`5e*8!#lY$^LA4*ab#cH(*g0Q{4y}rIaIXOwg$ZEABgx1#9L{V%$j=-|)#Kc4_ z7PD9^q9~S1rPbBd(a}+;k^uO_7$eEyaJXD9v)O#>)~$0V^!E1l^z>X*A|ZqrhMAk2 zlO#z|ltd!I^ZbJc55~vGn-2u1lN(Te68=uydVIDEb70DwQ3 zu}Zo`tyatD^O7WaJf3Uk5dZ*OqK*H$D3{BzSj=X#O-)Vxx*Gxj{GYY`#SH)eex1Jn XzP=lKzb5b<00000NkvXXu0mjfDEG@K literal 0 HcmV?d00001 diff --git a/core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/picker-column-option-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/picker-column-option-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..872f0619da27ddc324fcb9f5d726b5e94bd438c8 GIT binary patch literal 1955 zcmV;U2VD4xP)Px+T}ebiRCt{2+*?RgT^k4R|2R61Qfj4*73q-2(kvrG(?oh_G)ZHUL^2O$QECUu zBq+iTbkhMZDjH2NvWU=9lN`!4OLHW|GBxv%LQbh;r3N0R(pm4t%WS^M8PhjEzOQ_K zSMF!6{XA>tVlVg7wRns%20{oS!~m23^#BMVg#7=aNrDhUh*72h(AwGxl}d$xfB=}A zn;YynJUoo*>S{PRIKailWm<}BwOZ8H*5c*Mmlzlrz{-^?;p^)QD=VvM$*&U^7YA!= zYh1c?X^~ zLL!l%t*s48r4l_oJ$Uox4SIWf;p5|jkdP46*49orZ-0M3GBPsI-`}qn&&|z6R#w(@ z4WAG~W(-r^4~~wGsHv&Jix)4jYSk*ePD-T`uV250gM$MXYiepjd3iZ@@7@hFGczvU z*4BoSk`nCPxf4R6&|uN5tSmG)H>0+;7T(_8TzuZVc_=6-fQN?%Qd3h=US19WxOeX! zY;A3^V#Nw56bdvoHNo548{y&MFfsXOo~y2|#{K*E0RXpd-NM3!3%Ris7Z*by5I`!G za<#sF`-Y;TA~ZBKKqL}DDwXOjqv>icS+WEQg#w+Oo$&YfM{scP)W2my2>DI%7-Q_v zp+l&vtHZ2WvtVy;Kkm2gn3x!hjEtbSw->&?zBqsWJUTi$;Oy*-;^Jb2hK6!|larI7 zR4P$dS7)@S?m=5pQev<@Gcyy3iHYdz>%*Kmb0C#UAr_0#(9i&ZKmdV2fXd2B{Povg zC@Ly~si`ThU%!s*>}*t2R3I=g5LQ-J$ji%vP$)!rcsOiqY;fbo4FEuQcQ-;qL-GFo zd-(bJL8Vfmxw#ovu3SMvLIMClDwV>{&JOkU^$?52=OG{ZmKmbckP379wty{;oZ{N;c zkByBnkx0bS)6>~R#9}c^Nl7uPgyd|_c>EG8y~yN-{KXHHH|Os!UPv9z=_W?^B$R4Nr$)6&wCwY0Qw zeGVT!%q%P{*y!l!grAQPLjDwbf0GCa34ur?LQYN&7t7AhhNGh+)~{bbZi0!6i$h^y zA-;eA4gjdAsKBRBpAa1#J>kTpR;yuWXJ@os*QQphxtO1yA2x5^%w7BY`(xwAjktUF z?u4~|#27J<3Qn|^ zZ{KpUA1AWevu6VUHz^WA$e(W9X1aug1hluegA0KbX{m6hQ0`EYi2=3;|`gX8)Q4h~LvPlfJ5KQuHn zu5D;&XxjH^5JJfBY}_PaYio(U!L`O%%#>U2I0^O3+PKl zXmWBg>g($b?#ocC)wp=^B6jT90SgNYF8<`n6TQ6-TCEmkWn~86FouVRjn=lZvVwzy z1Io(E^x|!8ZFu+Y9hNU&{?qXjLdZ;EYABeLl!U;*KrqHoQ&Tfxg5cm_2!%rI+qVx< zQBg+!?e#xNrBXyhL?AXc79AZOkjZ4Qv9WeVYOSg=5^e?&wCRJ%Iu9T5~11bcgXJb3T`d_I5DpMelU{&YOX ze*LKMBS(&)u&@xVt*ukOmobKpjt+eJ@&z6q9tO{j((RMT%F2RPtA$#v9yf{nnDgt` zuakPK>F(~v+_`g&o>@f*Av2l5<)+E{{P{DKN+m8|zKrzr^naCu$K%1t$!XI4O-xKC zoFH^LCo@3+_-QUe2${)#>8SA3)KqNQvIViRvDmX`&vcDx9499yEMC0$zm}g6LWp6% pwA?f{HU=J#$DN-<2qEOp@;4Nt9H#^8<$3@B002ovPDHLkV1gZ6u1f#_ literal 0 HcmV?d00001 diff --git a/core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/picker-column-option-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/picker-column-option-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..41ff9101e0620460c2065a4082208f7b2e72bc14 GIT binary patch literal 1919 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 literal 0 HcmV?d00001 diff --git a/core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/picker-column-option-md-ltr-Mobile-Firefox-linux.png b/core/src/components/picker-column-option/test/basic/picker-column-option.e2e.ts-snapshots/picker-column-option-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..1c3f1143046dbed06e611983d06e597c78b7101e GIT binary patch literal 1862 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', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['disabled', 'value'], + inputs: ['color', 'disabled', 'value'], }) export class IonPickerColumnOption { protected el: HTMLElement; diff --git a/packages/angular/standalone/src/directives/proxies.ts b/packages/angular/standalone/src/directives/proxies.ts index e9a5b52a5b..575c9b3f96 100644 --- a/packages/angular/standalone/src/directives/proxies.ts +++ b/packages/angular/standalone/src/directives/proxies.ts @@ -1473,14 +1473,14 @@ export declare interface IonPickerColumn extends Components.IonPickerColumn { @ProxyCmp({ defineCustomElementFn: defineIonPickerColumnOption, - inputs: ['disabled', 'value'] + inputs: ['color', 'disabled', 'value'] }) @Component({ selector: 'ion-picker-column-option', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['disabled', 'value'], + inputs: ['color', 'disabled', 'value'], standalone: true }) export class IonPickerColumnOption { diff --git a/packages/vue/src/proxies.ts b/packages/vue/src/proxies.ts index 26518e9bfd..2cba1b1408 100644 --- a/packages/vue/src/proxies.ts +++ b/packages/vue/src/proxies.ts @@ -589,7 +589,8 @@ export const IonPickerColumn = /*@__PURE__*/ defineContainer('ion-picker-column-option', defineIonPickerColumnOption, [ 'disabled', - 'value' + 'value', + 'color' ]);