From 5c10f88b2eb4d869966ea9a6d1db34185cefe676 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@users.noreply.github.com>
Date: Wed, 24 May 2023 10:54:18 -0400
Subject: [PATCH] feat(select): expose container and label as CSS parts 
 (#27541)

Issue number: resolves #27112

---------

## What is the current behavior?
The select does not expose the label or the container for the
value/placeholder as a CSS shadow part in order to style it.

## What is the new behavior?
- Exposed `label` and `container` parts for custom styling
- Added an e2e test to verify the parts are working
- Renamed the existing screenshots for the custom tests to fix a typo
from "custon" to "custom"

## Does this introduce a breaking change?

- [ ] Yes
- [x] No

<!-- If this introduces a breaking change, please describe the impact
and migration path for existing applications below. -->

---------

Co-authored-by: ionitron <hi@ionicframework.com>
---
 core/api.txt                                  |   2 +
 core/src/components/select/select.tsx         |   6 ++-
 .../select/test/custom/select.e2e.ts          |  36 +++++++++++++++++-
 ...stom-diff-ios-ltr-Mobile-Chrome-linux.png} | Bin
 ...tom-diff-ios-ltr-Mobile-Firefox-linux.png} | Bin
 ...stom-diff-ios-ltr-Mobile-Safari-linux.png} | Bin
 ...ustom-diff-md-ltr-Mobile-Chrome-linux.png} | Bin
 ...stom-diff-md-ltr-Mobile-Firefox-linux.png} | Bin
 ...ustom-diff-md-ltr-Mobile-Safari-linux.png} | Bin
 ...parts-diff-ios-ltr-Mobile-Chrome-linux.png | Bin 0 -> 4315 bytes
 ...arts-diff-ios-ltr-Mobile-Firefox-linux.png | Bin 0 -> 5562 bytes
 ...parts-diff-ios-ltr-Mobile-Safari-linux.png | Bin 0 -> 3932 bytes
 ...-parts-diff-md-ltr-Mobile-Chrome-linux.png | Bin 0 -> 3803 bytes
 ...parts-diff-md-ltr-Mobile-Firefox-linux.png | Bin 0 -> 4725 bytes
 ...-parts-diff-md-ltr-Mobile-Safari-linux.png | Bin 0 -> 3296 bytes
 15 files changed, 41 insertions(+), 3 deletions(-)
 rename core/src/components/select/test/custom/select.e2e.ts-snapshots/{select-custon-diff-ios-ltr-Mobile-Chrome-linux.png => select-custom-diff-ios-ltr-Mobile-Chrome-linux.png} (100%)
 rename core/src/components/select/test/custom/select.e2e.ts-snapshots/{select-custon-diff-ios-ltr-Mobile-Firefox-linux.png => select-custom-diff-ios-ltr-Mobile-Firefox-linux.png} (100%)
 rename core/src/components/select/test/custom/select.e2e.ts-snapshots/{select-custon-diff-ios-ltr-Mobile-Safari-linux.png => select-custom-diff-ios-ltr-Mobile-Safari-linux.png} (100%)
 rename core/src/components/select/test/custom/select.e2e.ts-snapshots/{select-custon-diff-md-ltr-Mobile-Chrome-linux.png => select-custom-diff-md-ltr-Mobile-Chrome-linux.png} (100%)
 rename core/src/components/select/test/custom/select.e2e.ts-snapshots/{select-custon-diff-md-ltr-Mobile-Firefox-linux.png => select-custom-diff-md-ltr-Mobile-Firefox-linux.png} (100%)
 rename core/src/components/select/test/custom/select.e2e.ts-snapshots/{select-custon-diff-md-ltr-Mobile-Safari-linux.png => select-custom-diff-md-ltr-Mobile-Safari-linux.png} (100%)
 create mode 100644 core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custom-parts-diff-ios-ltr-Mobile-Chrome-linux.png
 create mode 100644 core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custom-parts-diff-ios-ltr-Mobile-Firefox-linux.png
 create mode 100644 core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custom-parts-diff-ios-ltr-Mobile-Safari-linux.png
 create mode 100644 core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custom-parts-diff-md-ltr-Mobile-Chrome-linux.png
 create mode 100644 core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custom-parts-diff-md-ltr-Mobile-Firefox-linux.png
 create mode 100644 core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custom-parts-diff-md-ltr-Mobile-Safari-linux.png

diff --git a/core/api.txt b/core/api.txt
index ef311f982b..7ba90bf116 100644
--- a/core/api.txt
+++ b/core/api.txt
@@ -1267,7 +1267,9 @@ ion-select,css-prop,--padding-top
 ion-select,css-prop,--placeholder-color
 ion-select,css-prop,--placeholder-opacity
 ion-select,css-prop,--ripple-color
+ion-select,part,container
 ion-select,part,icon
+ion-select,part,label
 ion-select,part,placeholder
 ion-select,part,text
 
diff --git a/core/src/components/select/select.tsx b/core/src/components/select/select.tsx
index 2cd3db9040..1050749ca7 100644
--- a/core/src/components/select/select.tsx
+++ b/core/src/components/select/select.tsx
@@ -35,6 +35,8 @@ import type { SelectChangeEventDetail, SelectInterface, SelectCompareFn } from '
  * @part placeholder - The text displayed in the select when there is no value.
  * @part text - The displayed value of the select.
  * @part icon - The select icon container.
+ * @part container - The container for the selected text or placeholder.
+ * @part label - The label text describing the select.
  */
 @Component({
   tag: 'ion-select',
@@ -701,7 +703,7 @@ export class Select implements ComponentInterface {
     }
 
     return (
-      <div class="label-text-wrapper">
+      <div class="label-text-wrapper" part="label">
         <div class="label-text">{this.label}</div>
       </div>
     );
@@ -776,7 +778,7 @@ export class Select implements ComponentInterface {
       >
         <label class="select-wrapper" id="select-label">
           {this.renderLabelContainer()}
-          <div class="native-wrapper" ref={(el) => (this.nativeWrapperEl = el)}>
+          <div class="native-wrapper" ref={(el) => (this.nativeWrapperEl = el)} part="container">
             {this.renderSelectText()}
             {!hasFloatingOrStackedLabel && this.renderSelectIcon()}
             {this.renderListbox()}
diff --git a/core/src/components/select/test/custom/select.e2e.ts b/core/src/components/select/test/custom/select.e2e.ts
index 6cf8161b69..5823236517 100644
--- a/core/src/components/select/test/custom/select.e2e.ts
+++ b/core/src/components/select/test/custom/select.e2e.ts
@@ -36,7 +36,41 @@ configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
       );
 
       const select = page.locator('ion-select');
-      await expect(select).toHaveScreenshot(screenshot(`select-custon-diff`));
+      await expect(select).toHaveScreenshot(screenshot(`select-custom-diff`));
+    });
+    test('should be able to customize select label, placeholder, and value using css parts', async ({ page }) => {
+      test.info().annotations.push({
+        type: 'issue',
+        description: 'https://github.com/ionic-team/ionic-framework/issues/27112',
+      });
+
+      await page.setContent(
+        `
+        <div class="wrapper">
+          <ion-select label="Select" label-placement="stacked" placeholder="Fruits">
+            <ion-select-option value="a">Apple</ion-select-option>
+          </ion-select>
+
+          <ion-select label="Select" label-placement="stacked" value="a">
+            <ion-select-option value="a">Apple</ion-select-option>
+          </ion-select>
+        </div>
+
+        <style>
+          ion-select::part(container) {
+            color: purple;
+          }
+
+          ion-select::part(label) {
+            color: green;
+          }
+        </style>
+      `,
+        config
+      );
+
+      const wrapper = page.locator('.wrapper');
+      await expect(wrapper).toHaveScreenshot(screenshot(`select-custom-parts-diff`));
     });
   });
 });
diff --git a/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custom-diff-ios-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custom-diff-ios-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custom-diff-ios-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custom-diff-ios-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custom-diff-ios-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custom-diff-ios-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custom-diff-md-ltr-Mobile-Chrome-linux.png
similarity index 100%
rename from core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-md-ltr-Mobile-Chrome-linux.png
rename to core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custom-diff-md-ltr-Mobile-Chrome-linux.png
diff --git a/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custom-diff-md-ltr-Mobile-Firefox-linux.png
similarity index 100%
rename from core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-md-ltr-Mobile-Firefox-linux.png
rename to core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custom-diff-md-ltr-Mobile-Firefox-linux.png
diff --git a/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custom-diff-md-ltr-Mobile-Safari-linux.png
similarity index 100%
rename from core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-md-ltr-Mobile-Safari-linux.png
rename to core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custom-diff-md-ltr-Mobile-Safari-linux.png
diff --git a/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custom-parts-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custom-parts-diff-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..0bb0150c8b542fa618ce33a3eacaf892eab0d6e2
GIT binary patch
literal 4315
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
bYu4v%Xum-HQdQt@1xP^_3MqT@&&PiO=a513

literal 0
HcmV?d00001

diff --git a/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custom-parts-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custom-parts-diff-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..4541a49225e039f03e4e1a6b62d50bd7c9f1f16c
GIT binary patch
literal 5562
zcmeHL_gj-;uZGIrAhKl@X+?%?M8HA|6p^w-8B(E$MW%qr-g~1A*_(pMRQBE|0wQ||
zXptpbHf4M*e&?Kj;{5Vn$<^n5@+M90+)20&LY<b1gNlfVh*kp*(<34x4#&$cDai28
zHQA_1BBE>l8ZhODZpe*U&xd0Mx#Zhh#KiR9V7w1VNIGw4y$=WTT0K~)ld}7A1h+`m
zs}z>x+{#Zvm8JCT6u%DxDycOaBOeN3dZ>kRmaa%JtLif{TvO!d-8!^%U<Dxo<lXyU
zcW2Mr19m;v&!*5BThp=gx(25DZ7Rf6I(`6VD-}q0+)rEpfH|9plv}VZ?x$zqKUoMb
zr~Q-Jn7rr-hqL`Q0bCj@_C1nd2r<=4G!azAp&^yFfQS^F-H2CQB{P-r*Fqdf*qA&<
z#%#f)_;a(QY)lPlJ2V7y9>BJ^p|rB+(3^z!Me)jP6q<1J5GQd+(A+C&&ijP-U5VM5
z62}scB#t$?T79^zfzpBv+Cia#>XDDBwQ1B<4M>-0GDonL3WRSWBK7eENC?bLUXYdj
zXbgDaUC7r6=Hx^;w59q<Q+SD2OtFYWn+QSqM`f!9MCKh|lOvvGww-)moAIK}gkMHs
z1DGu&BvxEwXzpJ^|H;h48o0&eeTM@isf|k6k~nUp2!Kw|DeLF^$Hvoh319y`&lv(k
zXv8QC>R5*9isqTw+m@BOAYWv9l~(04m)Erf4E`B}f7R;jTe$VcNtV<(w7=W1w(_<P
zdzH4PyTN7Lhm0TwMg~T9I9HSY-Q-ZxPL{T=q5L^j805(AFfb$K`jb-A#j4Rk%Ddt}
z9Nn7Z-~$@L7j(WP3Os&qBbd4hdlwA1#o5WQ(vHz@M1i_UqnPATwyp=U%05O)N!&&e
z{kRmi1sSy%xIEjdp?XFI|I0{Ct3wd7-37hoh&`_S<$}(MDOUZH2g+t!kRt1IJMHP1
zQgjXWbDH`yTK++p+459|oWjD(<~WK7s(|>!t4h~*-YXy;nD19?`fGbB`MVADby0nI
zYAW({CZoyZJpG5~$ELaOQF)W{_BObxxW|ONfcVQ$kIu~QX&#78zWYdTqg~d0#M)!g
znM~`pg*#+O<DhmmadnSB9rj9Zap#!gv7Dd|_u<5~8{3s;d}PWaUq+`h-nq%--Fbp4
zxVV4Rcp_U2hUN}<_g*EWP*tO!P_01i$@6oqx)}uuVqH3<V%U2eM&%PEFj$=0v2dGC
z>EPTD*T808_sZ!#D-(B`B7+n!yi9eJMIWgDN_-3OjY2z!hVBjZ0xdN(cNUi{i%%%<
z&~xIk>U5hi#fkld5%tVj1$@Z_8{8{X87%;Jk#_?RjD-W}NcipuuqO#7IVmbf$#sSL
z%m%M@hq5l5X6%O1L?w(oTtk#X#b%J(Yn!1%JSvL`dV2|0Y#eNT?@Ko`8Z7*m0b#RR
zGd^=6ldF|>_9WW*m(e<4j2qE18MJLb4cuLPsEgF#ULV+~T;5mw3q>+BlBF@pewpZw
zDY#y~VI}nz48GMCbwx5RA(14WPVny!)2pxBCx_U&uXR(zP=y%c7^o-CHgFbO`OQul
zShaInH@h7bcY`}+gUv#*=$wD{u7QPx6J&2oO4=N#O-qLl_vwvB2|c5DRlP2xe#Iqn
za#28OT_j2*wb{(voiB<eD)qF2bvZJQ0r)ngpyXo|@%NT3N@NBB8<^qR+Uiy-fy*;2
zVn`Ygs4%o|+vd&@hF~aL9Y9G*Ia%ijjEIPM_CZTaOWbB$n1(~DNP{#ah`agD<U@Sj
zw~}J9SO#uxx@zO-8=6V*D9f)&IdyexlIX#p*jQ~KZ%B|&D|*rce^i^Kqoad?hlgHW
zUA;e3(d2Ho04B4`hMk>#``{ocFQOrsF9+nnAQO+r76<>IKg}kmr~9PCLL$ddj3y<z
zR#F@=80@yd9<H=wT;C6H0_Fukf?&=C?=9rs4)wZH&pf~bR0bZ?wi?oDF@%)xAQqo}
zhDL{~MzToXnXU3VcEUg1cb_9<t1}bT_3%*SCQo9`TGlPeh;nQ=n4+kBDN@rFk%dGe
zopc-Rf4v$R`F>$bN+<~yQtR5b2sE$@Py<G_8!Je*i&TjG-60|%gLbQ*TQVX_sOuAB
zZWvmyYb9qYbd_q0IrnHT@G1w(2m432B_urr>eFrR$kpz0k&)2*bvqCEmi7W?!$5dX
zn6n{~0F<?c0t^)4R#etqz9@Gw=APe^FXL_=d#GqO^WoS|Uu0}$F3}S{of+gWN!~I1
ztNl=>pttaA76M6sF&LLr_H}|#T{_uz0D15BEDFj2cUm>!>)&e{tACYrZNuD?DCk%&
zVN3_(_oU8V3;r9koO@(1ZtF4i^YySD^Q=g~%+@Tg8fC$u=J&+{(S76O*8;RPV$&V{
z<206}mUSsFubPIw3f5Hz=64tH0hOTKTPuqc;ss-0s^d?an~I)r-@>$xj$13p9^GMk
z&tuo1nX*@MjnGaOsjK7#L@#g>_UR487Wx(m*OJ;t$C<@icO_tLzw?*Ojyis|*3@tu
zJztV#ld_4UiEWBfIITD(Kk{Az-8;J4!4&r{6BJwP^fBO!$WxBa8K(S*IL6zDre~?=
z?^gYUldi5FU%8#NMX{IGcpN^QZTf=QwBa*o2a6SQ=$f>)Ws!>dhnT+(`~srfbzwdu
zxOT_7yaPE?s7jPD?1gp1>W?z#&l+F-4}0hSCKpEtrO!IDyl&q39TpILiNTpAelh~7
z#&tF8)|6S=++Hpv6yY|N6F)ELFFd5Z()swxT+WVMXz19Z2JJJlN=UZUE_+lo$tw<x
zF#4CRi#{7HOqR!%@KZGZCbEgz1tcwhxK0zALs#MATQzI2?t1ypSf%+PY?$b2!#_yd
zFkS4gr3NJnM$m=ZJ89+CuVSVJnbE9JXI&s`MR(Z;CH<2&_aNsP<IkT6ja?^u01(T?
z^sc2oXsx%*V)Uu{i(7oJRl0py=27s6Ne0+O*Qeu|px06^E0e@(nAXkbCp)daLH7#+
z+>n9)<768!G-xS+4D=|gjk>&<D3p&5{N-kQcexlpPEUrcMX}=hCT98#>~H3?XPKY7
zeoh6NPYvji1y1fKq$NfAe<JGxed;cIpH+J*%-ZJ}vv&N<(oOc#F~Y^Sn<@?gdKUV+
zrUtYwXlb$*X&o~43t8MfDFG@6R_thqKDf@nkGpk^_%M7EJRqhzTqE#9$<^d_v@-dX
zW7z9*jb<}5tG3PDOAG`FZ%?+6J}QAeWPaQ>*<n~H7`6*z8x=uu+*j~JqbxgK4r#=b
z6Kcz?2@oqH!0k}&CjBq{1Mmnz+1w^i;4nHxcqQk0r?oCY`Tt+=G4P`a@B4G#E9LY?
z%+q^x)o(bi&Vo8R+w;0lf<Ym9xy1lyvTrYT47mwO=Lcw2#PdFfb>AzGH%;5CT1Mhb
z6QXGgWzDqOI7nL9CT$~=dPEZW82@liFC}fsHC_QpXq%m_?Ax`F{crQsxt7RkU{X>6
z84oq85U+mY8s5Sc9iIZK>~~E$H6>}!u?fw-Io#I!g`6&l?(Y^Yl)q3wof};w(FJ~|
zds|j!VqCslO1tHev2MiUCr_2pF6jJ4jQQeDBD_8=pdPw}Dw#24E25b$ENBuUpb^!I
zaCUJ?aY@ZtqsWqbe`kO>wHeAvZ;PLw_p}DrKG;uJHeTjrY`q+m!L}*agoNiW<#+go
z-UDRPLo`$=u_FtP!biz8S9VhCdf@NgfXju|A6V0%FulC3!aSO>!m3MW52747f$9R+
zY2;UaP-Om#)CQ2ZFbzAra2w=7H@rLiYi&L9rZ<MS!j<=-^hFKGu6JD0#PRn4@FN)`
zn!jRq9l@39Scim@sFJpS>7&ewIeN$q!c=$|9=3s$vLH>*Em6T^<z-3b8;Cg(U&N-O
z5pv6_N7wdxZMC=Y=MRM5mJLZG{j*_zas$V@t~nK24VplmQZH1R_medpo_U68MF%&Q
zHa2Payih{SD@3oyeq0NNwML(rmDY?SjKaSM?n(}Zr89@On0r?a``$P;J>xV;;QPMR
zvJg&S@YAM{M3c8B-jWxBKkT@J{J`Yp++CyI`Z-3~?H$R%b^31PJf6NK-lkEvpUBsb
zQd7nba8qzF2u$!>N4|e^vmx2l9~}fzAq)K+yb}`4_kGj5pOa9MR-gR-7!Owe$z1d3
zTLpfz&nzk~>nP@V%=br+85@XY^b}!HCJ%_?dP}2uRkJ>mSB(n`ZQbnH$96_Ko)5ai
z$kh5?6uT6T=e)BMJ90UMuF&T=-M{H^Uy6p7W^we<A!4?&&6&7s6JvMJ0lL07DI*&I
z`WG!6#phLw2)f4Xy#3gz7+fwuf3S2gxqHHW%qJE>5vUcO_InN0I~+6dT8cx1IpLaF
zk3T!S?|y&=`BnGLGRj6XTdOE+1d2qR6k6gP7QA+Ta8~I$jI2jE0x!s#YTR;~in$&y
zBNKZ+5&X=C;Ha2cSo%1VQ&OZofg7o?7nV1z)vig9G#I~5%=2$hU3X&QIbi8w89-K4
zG%=`=scHF4M((P@!x%L>^&T1Z_*u;#l9VIxbqJx#FDwK~?X~aPMY4*8#K(_7Esv_X
zyhaFyhJgM-K_s?6>KIj3RX>hlFqmX%8x}HJj?sJoR3&zf%NAc2+4BHLM@I^J`cUK2
zp0_tN1$sVOe${#MBq~J`-O<}y$jAUyX`Pp}Rm2|!0nE+K!(wAY^YVbtzh#zYpqTWv
zvDHygG;W@rUv*VyJK~1oWhv4$@TFD@dHM3Tt)1N>2duN(x-v{;94y5_%g@ix#&mM_
z$b1dYS-hDUh<R0V>xW0h@q_9@W3U~byX_(T_;OrL2gwK!Zq@9UZ2$4or_Nl}$kcRu
z;});_bo=Qhcgeyu<8OUH0`F0{4ydM{z@|`C%9-M9gAD6fOi<n0Vq#+TMW(ec8&+3W
zd}{~;GoENwo0xTfVnh*}Fjtz1WTyONnPfS3yKE|jPaz5qKx)^pQxv*gl2=iCLx1o*
z?ju$9opR+`^Vy*s3*0$5<Xx^PpScA9<0HGjy2V~Y;2VA_BweF#-NF#eJ31MNr(btA
zN*vy>Wrk7S1!aF5Roa*qaLh^$7C&+x%$nI(YLdHzp;6YMW9sv+)x?5C!xybg*Rxi`
z@a#c+<6iW|MQAVOK%858Y7+~Ad-jUyIQ%;4n4=Cmv0xVTRb;>5*ca>nnoJ&9w%@wH
zzZWv%=CikZd&SJ}>qScxb{!>$lkaTrR5oc0Fd>Ccy$kSnpeHo;$LG$ZY8bV@O$gD9
zs$NB5fnmDBUne_jf4Sc2idL*y93Ghr-uhPyk$`;_)Zyf;6Z6h=%tS>^ukkV8z4biv
zeNiTB<_JbjbzVn(e%o0)-J+XarCIjvt|?+otnObe%6S@NL^^BD`a{ISo-)$oh!5)G
zy~tHl`5&CjYrH(m_@Gdx3x9Y8SGd(1{F(YC`)a`3A53^Q0c&F=W|R7`>HxN_4F2zq
zU|JYY;yUgI8;-doa;ff7toV0o(gANskn$}<If8@23n<TD{nf76G#7b#_hceZu4;ur
z<t@}~Hy~O@puzohy#6CRKP(dd(Dk_7H~8-I=Fi!ubHV;^l=I@`8h3?TGLA*&<o8)@
zpL%T{9fgm97;x_l`<oSNzZYQ!N|!D%4m>18YzGgcUpV@P6~7qwx|8@yc2RWv&^WgC
z>YUm;f72?~t3b+cq?v5>sQd#5gGB?wDa#uQ_x8HBgFCDF_y8Sa7wtvL2_=$76uvjP
z+V7ElU40({3^&blZT~UHwNMi^lBsWM6n$;!)@?ysnv>S4R)c7)G67z}+ioOPe2hxG
zTtZi_k)1mF9rT5=@Tknc@Mf%#$wtDX=9Rd;F{AUx%;Hi2JXgJakY!QLx6>X?Z?^NJ
z+=c^X?&aRQIGv$S3&ln*xB5*6+*0FqiDX-JJL{%y$!Uo#9BZPw%)_etkdUBc0M#02
zh^Uy0e@<o2L09fNf5Ptsv-5$}@2UfPabT2yxW}1QJyN$eXrD4ZkL<$t$Oekd(A@fL
zs#mQl?Br{|Tc1Ac#JM(ZCBUb~{_Vh>1$vKdy67*a2D1++G$>v8uTyaR+K0}^jRA!o
z!M)hZ+w`@|z;j1wQJd}1GhfIzN5yKsUk9GDB%Ac3b4Ta<IKzboGK<dMTwfhuJ9tyW
zi2;qfL)byxZ^bWR=}h7EkC*yP5wz+|<j=YM1XY0(0)JR4p?$fLr1G!-9KoX(zg&hg
zJI$}SIJej%u~TR-ZH_+gT&DQ@6zbjE<4;S;%y%?6nNYtxw$t04qO(`*8C%kD*Ei8~
z?|9C!H#eqdwH_fJZJTV8qj}Ij<ejPKo6cytLhtrnN90P;P%@ICV3NOQ`JAM5kq=|y
zZM3n41NY1ked!)EXcrs7Si%qr@vosM67_Yh_jueU+OHsa_26uS(-g=jOg!Iu(fnlS
zk;#X}SMi3hmcM7$o}8R8b>&u1V&!*y1^Y6zaz{g8L-fiLkdJRa;>j<sI&gu%r@gB$
z|4ST$?}M|}hhc>+&U((j#j&X<>Jm5P|BWky^MG3_sMDI%;I-89^&)T?#NDx;CbpqK
zMnLIviBVmdJ6rh?Qaox@Z6(|O%vCv@F#?Q{!Dv4Ua?K-rG;wJgFu1Fei!+3z`EsuO
zS$i|v8E(r_rJ-ah(t=trzp=I~3?o(jLcZF+-tUtpQ6hbrO_1fdZ1ziOB^J-EeNR$F
zE_aQe@CsVuk_$n6@w>*8kqO(IgmW4AU88*b4hexxo)C78SuM{s2_{#B@k&Y*=(30L
m;CGGZd(tMCyGFGC1v&eOtDNFO#4dg(OQfNSfR(A31^fqCF9@vw

literal 0
HcmV?d00001

diff --git a/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custom-parts-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custom-parts-diff-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..0b99379580378128e96a0c545defaacccb1395c3
GIT binary patch
literal 3932
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

literal 0
HcmV?d00001

diff --git a/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custom-parts-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custom-parts-diff-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..a9c2bcfe3e7ea3f50fe3b3e1993a8575a04256d2
GIT binary patch
literal 3803
zcmb7Hc{r5a{~m9pmn@+qOPG-*%Mcpb#xiIMm3=L{M8+0kn0jqv--@y?S+f^L2#xH!
zFk_pHt;xtTcH#TDe!suJ-|PM3d7jU6&bdC<IrlmDeSc2m1AQH4Ms7wB2*ixMgD?Pr
z=pupG<8ON4y#k9N03SMU104-e#Q-k_1Y&uEM5r72XROX(Jd75DJ2!US^}C!P`&u;&
z^c;fST8!p$iS7wPsh5W7L}c;{EHF%?CgE0mE=sH46}QIgWLM3kq*u*cAfl;eb1c|;
zyfGK<MwCDdcd{DpFFK?~Xq8(YL$}m^Z4t)7%sM$FG&EE^dx8n$Kd`I3jNT84Uw+}6
zUHh)k1q=q?JbUO5e~HCT<1Vp-!FEVNK`=Pw--JvrqgAe$Kd#MEMDbN{UAe!gs%2s~
zei^#8A0%`FzDhgy>_`Z_Y45m3S<79o)%ex){IxDraF*@<aX1?Inb__qu)O=?Wb1HZ
z`x-Evn;mns2$!d*yuv17pP}X5hvt^urC}dH(lSKvr>wCgIfK^^+xd`wOx#_ig(Rx8
z>5){LQrf#z)p%Z0mZ=uP!0-hfV$f6AzTu{)wqj?YB^%pS&OmK6eNda~t#LP@C-ih?
zL8M;~)IbtP+Xmz4rtp*jPR{0PtV+=i6Zey1ZjR*h^~zoMvYSE&*Yc^Rj&7<o@8-YE
zpA9&Z;R4r0Rr&R$U1m$1lS#_#rlQdzgH&|*o3(O>?!N0~>tzD6f*db3`y&VwxcFpo
zeLDiPmw}hR=Sj4ib&b3n);QJ{rm&>c5$Sy2rk-dn{fy3)wZd^K=~>hEH%sLd8kgro
z&-t-NEcOrROpZYF%gIfP(gEY@5+{xqmtRnWy<k~#tj5cwKdF?3*`7eU_1%Npfg5fF
z0TcP>vx-aa``g@k_AZW1i+L049Hz{6M8IH(4X=Xt%Q`il>u@nal-IQv$+Rk>n-SXN
zl}LYx>`0{2w|?>Km7!8mRXU-}cE%qoJ^5eFw!W2zfWi5_v%@p$`%{Z@b+EsNu2AP4
zrjUj0`gAtOtF#jLlER{vh_ZGGFa*56_2E9AzPePbN7N288Vqa)U2$3Ydw)Y25C>Rz
zXlzP8ygUlq<#9E-hI0emM(YcFe$6vZ!Q!a=()%mxR&CxO-Pr7&-ss0pb1N5+Uc$qi
zPwZ#Ttb7GhzT<|!F}`3rNBq%tdH!p7>}tH*`5d1Bv0h(^d;p(MkuLVLH~=o`beA+?
zwIL?*>Sof#Of@6K_Z$rl4peF?ayVI<+K~`qK6bWWK(&R{G)BDai~P`CJ0I{Zw|rtU
z78{fF;0_jxMQ880v$L_?V`N}stCrg${{v(d-9HNUr4rf-?xjk&^0J&SC@4_K)GtQ@
zY;m)&uqZAru2OD6?|T^-8q(>(BC*pxKqMw6c6HMViA0JDr~zd1GVJN^FDNb+rJ6l_
z$kx!%VB2}hE?5bfY&Y!=1G(3ylgVUtc?%pTTSMfVH*ajygdH6nHM1tZ)?%?{H$fKn
zKao+}tmX-C-`vsl>XRq^_>)LOD1woF`b|qR2!sQg3skh5)e%UDhP25P+jQV%wJ))6
zE3HIE#WIE=0u7ZUYb70^Jss{(kO;(rHm60h$LEYbjO}qT=|@&e^ZE4EDds<u>60ax
z#w?dzeM10^=^qsVbD!t%^knyF$Pj1Fssj%(`s3~0{oAJvg0g}}69zMXsr|A(ll@V}
z^f?ROHi4|43yimjuV;y=uYZNxQn30+?;HLM#p{p%x$+yL3d#C(+vSP38C&AU^D#kB
z@+t=bLfxVdi1hq6w6eBHIN_V$Ay45o@;35c@k2lJvKNuyv5+?PD5bDCS-#xb_?<#u
zaAx9}399QtR|*8@)PRkNTUbB2R_KD^$ZFZLi65E@$9DNMgds3~@Ny9gyuKotuO0Wr
zI$k=DIrtzR&U`elYV})WT5c6Z_Q2aZK{NFnwptao8-I0+_6aOk^McTwLA(}$*zx&t
zp%e8@`I&nNgtpWr_E&YFh-2CVLU+tpCMOj|@hwuty9!qpthj0@KBu`Pv*LnvyHIC>
zoJ!<3D0JL16x*e6A*@|88Py<lVZs!$TVnN8+?9C98W@R;6}&DI=5nEsdEZ4G5GEy9
zJFLQf)J_cjB>~8?_ho%}-S&*$VY;Z5xk6q%31CfE%oA0Sk*mnZIZ&!u71aNm>z6}M
zGp@Hwr9sUp11b7;N%mc$J-|jbM0`=>zw%2eW?=(36rsQwU@+uRuza3Uc^{*fBiULq
zQ$#Nrj3I?u3WI(qE#((|j3|zLm;py;K`i5j7FY8oNcU*DP9VFY_PGB~AvYt}?54=K
zqNuP=rmIpPi4kJ|SkZK(4Ftl4dhdT>O7HaRE&g8gOKt&Yr}c2}9HXJq>)|(PiSH(R
zG!YINu|4#d8NL|=LdynWZN2oi5V;GR(S55RNVS|$$y7NT7=rkw!<?4F&X!nRWNo8`
zXixfr75JA1^l!}Szl`k$;RxP|+r}#;wDGwp&kdvBh7Q-AtT!~WNjjU*B$>z3oeSz(
z2nQ-L@E}kWU7i5=-SyFXSikn<7Qt*q)Xei{PfCixEd1#Bd2<AyD>0sXe{9nx(~HF_
z8TbG<G#WRlc{+Ckq^rA=F{wEZi@oG{$x~;9FND6Plma^>8n;9*#W^h%3_?2J;CG;P
z-dkTE`esk+9lu6rBo0(lOc03hZ&_^F>W{19W94}m($qmFq<Y0m7eV(h&9CM8D{~7z
zhH0TB>;_9zLg=|mJK7i8Bw05{M4)rDL(xOytLgD>OSm<KSF<4J$-yBWD&I#ZU_JgZ
z4$e1~_(|QeO4+uHf#T*jy&1%n#k+L7&i;5n6Wo#iJ--l@%;g)B@tXJ1^a<E9)r}c&
z3VQ-`+<u%VnaDwS=F6#T**Y2G3b+mrDrkc<eo<N5%4phuTM7(@w}M3PKy&JvQcAsz
z-AajwM_Sh!v!`Q4`ZdQIZYTySHq>uE0{v+Y9(bh8a|>&%msuZo+r_(Tie42V@7H5h
zCrP}OaukW}`kU+g0B?@ukaqX|yItuSI<pJPZnt<YXB+=O(tgDFko7%jce}-Nqrp@*
z+Yqxcs_V2)4oupqAB*k!S>xy9_u$y~cI;{_XzSde0?{`~tlALt7ITO$wJfDj)&#|6
zqPwtnRF8g*R;iagjk*~{AbrXPwgYs-Ra|V=h^aLc%iy!^8*BRks8Oss^2)T7AFnIZ
z9%breK;ld=;^!#mlug%pL5A~1o15fR^SuL&qzvSzbCYJft)EX*7Ixfs9Q$hQf6L$F
z8?MUM{tz-nCz|=Fr-rW=z(?Sj-Q-)?DO`O{X@v|I<wE=$n}iS|7caBP7Z0_!Pc1qc
zYzZ+n$}HHJ$g9g@2iNeI=NUhsm_H?PWn!79p6mz#hAnh@yuqZR=5z$WBn=G&LV~#&
z2k;4gH@GF6Ps!JVGIG6_I|8rn;v%MBWaxToMCmChoHuUVkQjtM{*v+iyOG+c9?+Tz
zM0fAr4OccbFkol=`_v+*Uwe6bi`}@vsAOVfgm8CvC&+{WTBlcv!*SJ5F~6KzEyUsc
zAH;H2Xd&F~01pG`Zf;IYSg!Su1Sn0f2dn-5$-{w`xDqhRyw5{8=(NP(9v~1MV>y&U
zzpUVhrI3Ezo~-tAZ+E_UXFw8o5QKEZ%7#fA>n+)h@kpZ<6O~7Uz&c^rDp=&NiPCp+
zLG1gOH-n9s6RF+GW`4-QRMOz_q3npV%N}&Egk&7g<|w^#-#IbB`B&A`a4*Wrz3+c&
z!s`s52{{RSEoaX}LS|)pR!>Wl&{?6r;N-~(S5Nqy(^7Wdd+1Q-THT3M*<J|d_+>dO
z%5fsf+UG^1!sl(#mF2SKUcVMzlm6Y>YbeK=vgbzSm3e@iYMyvvqox@@Pc>F*_JYA)
zwHksCTRvt1B0U}77^xp4eE5ngSd?Lhie7Zq3GTqB^Dj|87kMt?_Et$pz65zvtv!*2
zT-0Is$WWgM?G>#QE1DqncDkxw`(^?V6$hj{vXH0HMk2GhSzD<h&ZFz<XGj^x!qk60
z!F3^aUt3XDIvohI`CM+n=W{3LPO6?ttvvaiL&+Cb9t_Z!P+;eEfDRPeqVS^i;$Se|
z76ia_dt-nB=v6o*nuF{N?4<LUN?|63f1n{PVSeUzPGHcg-l{@!CcdJ9R|BPbAPhWC
zga*QtU1fm?;9%G3)mB$(0U_tL3QP!bWeval-M!TD7~bFM#D5^7-Ka!A&Md5(Ve=wc
ze2f65?~n|tecj!Vj33ZKXj?tw2T<bU0?G5ZzTFsNx)v~>Tb1k#SLyA@i$(AMPIZ_~
zWnhx<z?jbK#B#BO?8WR2RevaH=#w7}QyI|*DjUC}ee2x$qnV>z%IReIcPdr)8Bv+3
z#Cy*63Ncl1N*G1R>3X=N&4gQNZm_co;N&{>*A|mc4niA`$x`4vaJaFzxslZ+zf@BH
zD-67KnMbvAjW%CStD(f-+L-Ox?O1@S1G?+<-K|V8z(9@|T@xYU0jDhGV-B%umY|ng
z|M;A`-m)tEyxP*yJBhuCbG8#!di{PgEla`F@J#E$-(*;Ca7e$qeE`L0>3Dm3_~%0e
zqGGt})}CeNXYO4N_urO5{J_N8W(8!#WbhT$BYq|E(aun^t{3}d9{DDHz|Fr~(@f@u
zBZu=1ICi92LPA{_CJycZLe#UBuL)e*T+BxGoK;ovl4A7<2`)#NLsLVbesAIbzh2}i
gq5t>Aj&ed5fVTQsHGa+;xUGVaTKb3z4V!=d1Ns^wCjbBd

literal 0
HcmV?d00001

diff --git a/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custom-parts-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custom-parts-diff-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..58209b382e7b19281f2efbad2196490d1aa4f830
GIT binary patch
literal 4725
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

literal 0
HcmV?d00001

diff --git a/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custom-parts-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custom-parts-diff-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..5220e6fe86e61e5ad1252b60c2f0c5adf3e1e63f
GIT binary patch
literal 3296
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

literal 0
HcmV?d00001