174629 2017-07-18 08:06:33 -0700 Release assert when using paper-textarea due to autocorrect IDL attribute missing CEReactions 2018-09-24 16:10:06 -0700 1 1 1 Unclassified WebKit Bindings Safari 10 iPhone / iPad iOS 10.3 RESOLVED FIXED InRadar P2 Blocker --- 154907 1 marc.borntraeger rniwa cdumez esprehn+autocc ews-watchlist gyuyoung.kim koivisto kondapallykalyan marc.borntraeger paulus rniwa simon.fraser webkit-bug-importer oldest_to_newest 1329975 0 marc.borntraeger 2017-07-18 08:06:33 -0700 Original issue: - https://github.com/PolymerElements/paper-input/issues/556 - https://github.com/hotforfeature/origami/issues/38 Our app gets called in two separate ways: 1. Like a normal web page through Google chrome 2. Through our native iOS app with WkWebView So our approach was to build only a native app for iOS to fill the gaps of the ServiceWorker (like to enable push notifications, offline support, etc.). Which Safari, obviously doesn't have but chrome does. On Google chrome (all versions) the app works without issues. And on our Safari native app the web app crashes. Total crash happens without error message. So screen just gets blank. We are using Angular and Polymer together. So this is why this issue came up -> **it only happens if a web component is created via** `document.createElement()`. So programmatically. Which Angular always does. This is the browser version of WkWebView (verified with http://www.whoishostingthis.com/tools/user-agent/): `Mozilla/5.0 (iPhone; CPU iPhone OS 10_3_2 like Mac OS X) AppleWebKit/603.2.4 (KHTML, like Gecko) Mobile/14F89` This is how we instantiate the paper-textarea: ``` <paper-textarea label="test" id="newMessage" name="newMessage"></paper-textarea> ``` The issue is only with paper-textarea. paper-input works perfectly ### Expected outcome <!-- Example: The page stays the same color. --> The app get's loaded correctly over WKWebView. Maybe there is something that `paper-textarea` does, which messes up the loading on WKWebView. ### Actual outcome <!-- Example: The page turns pink. --> # The Problem Adding the <paper-textarea> to index.html was fine, but the Angular DefaultDomRenderer2 could not create it without throwing the error "A newly constructed custom element must not have attributes". This is the cause for things breaking. While `document.createElement()` lets you continue, the element it returns is actually an `HTMLUnknownElement`, and so naturally it doesn't open its Shadow DOM from extending `Polymer.Element`. # Raw vs Programmatic Element Creation There are two ways to "create" an element: raw HTML and programatically. A Polymer project goes through raw HTML. It provides it directly to the browser to render. Angular does things programmatically and calls `document.createElement()`. This is why you can do weird things like `<paper-item class$="[[binding]]">` in Polymer but not Angular. `class$` is not a valid attribute and throws an error when calling `element.setAttribute('class$', '[[binding]]')`. # Not Just Angular! So far, all the tests have just been isolated on `<paper-textarea>`. I'm testing with both this element and `<paper-input>`, since they're similar. `<paper-input>` is perfectly chill with `document.createElement()`. I've ruled out Origami as the problem, so I thought maybe something with zone.js or the reflect shim was adding attributes at element creation. I decided to turn to pure Polymer and take both of these and any other weird Angular shenanigans out of the picture. https://raw-dot-custom-elements.appspot.com/PolymerElements/paper-input/v2.0.0/paper-input/demo/index.html This is the demo file that we should navigate to within the `WKWebView`. It'll load up just fine and `<paper-textarea>` works. Inspect the console and run the following: ``` window.onerror = function(err) { debugger; console.log('error', err) }; var ele = document.createElement('paper-textarea'); console.log(ele instanceof HTMLUnknownElement); console.log(ele instanceof customElements.get('paper-textarea')); ``` Output: ``` [Log] error – "NotSupportedError (DOM Exception 9): A newly constructed custom element must not have attributes" [Error] NotSupportedError (DOM Exception 9): A newly constructed custom element must not have attributes createElement Console Evaluation (Console Evaluation 4:3) evaluateWithScopeExtension _evaluateOn _evaluateAndWrap evaluate [Log] true [Log] false ``` # Thoughts When creating a small component such as: ``` <dom-module id="paper-wrapped"> <template> <paper-textarea value="{{value}}"></paper-textarea> </template> <script> Polymer({ is: 'paper-wrapped', properties: { value: { type: String, notify: true } } }); </script> </dom-module> ``` The whole concept works without problems. The website can be called via WKWebView. We have ruled out the problem with the word "textarea". We thought maybe WKWebView sees that and is adding some textarea-specific attributes when it shouldn't be. But we tried it with this repo: https://github.com/BorntraegerMarc/paper-input which did not work as well. ### Live Demo <!-- Example: https://jsbin.com/cagaye/edit?html,output --> * https://github.com/kmyllyvi/WKWebViewTester * https://github.com/BorntraegerMarc/polymer-chat * https://raw-dot-custom-elements.appspot.com/PolymerElements/paper-input/v2.0.0/paper-input/demo/index.html ### Steps to reproduce <!-- Example 1. Put a `paper-foo` element in the page. 2. Open the page in a web browser. 3. Click the `paper-foo` element. --> We ran the following tests: 1. We generated a normal polymer project with Polymer starter kit and everything worked as excpected. So the error only comes up if angular (or origami) is included 2. We created this minimal origami project: https://github.com/BorntraegerMarc/polymer-chat and the WKWebView crashes at the exact same component. Because of this: https://github.com/BorntraegerMarc/polymer-chat/blob/master/src/app/message/input/message-input.component.html#L3 3. If you completely comment out the `paper-textarea` component from the HTML it works without issue. So the TS reference `@ViewChild('messageInput')` has no influence on it. when we commented out `@ViewChild` the same issue persisted. Ony when commenting out the HTML code the app started to work again. For easy testing purposes we created the following iOS native app project: https://github.com/kmyllyvi/WKWebViewTester you can just clone & run it. Which is just a WKWebView project. How to test: 1. Clone and install the minimal origami project 2. Clone and install the WKWebView project 3. Start angular with ng serve 4. Start the ios app project on an iPhone simulator and navigate to http://localhost:3000 (you can enter the URL in the actual app) ### Browsers Affected <!-- Check all that apply --> - [ ] Chrome - [ ] Firefox - [X] WKWebView on all safari versions - [ ] Safari 9 - [ ] Safari 8 - [ ] Safari 7 - [ ] Edge - [ ] IE 11 - [ ] IE 10 1330444 1 webkit-bug-importer 2017-07-19 11:44:16 -0700 <rdar://problem/33407620> 1331833 2 simon.fraser 2017-07-24 18:56:48 -0700 You'll have to give us an actual test app for us to be able to debug this. 1331888 3 marc.borntraeger 2017-07-24 22:53:19 -0700 Thanks for the reply @Simon Fraser. I have included two test apps: One for the web frontend and one for the WKWebView app. With these two projects it should be perfectly reproducible. Do you need anything else? 1331889 4 marc.borntraeger 2017-07-24 22:54:06 -0700 With "included" I mean I have published the code on GitHub and posted the URL in the description. Not as attachment in the comments. 1331937 5 simon.fraser 2017-07-25 08:38:11 -0700 Sorry, I missed that you had github example (there are a lot of words in the report). 1331944 6 marc.borntraeger 2017-07-25 09:25:12 -0700 Just trying to give an accurate report :) 1340735 7 marc.borntraeger 2017-08-21 13:51:24 -0700 FYI: if you wrap the component with all attributes, it still does not work. The property `autocorrect` seems to be causing the problem. Only if you remove that one property in the wrapped component it seems to work. (you don't even need to use the attribute in your element. It's already enough to provoke the crash if `autocorrect` is defined as an attribute) 1340767 8 rniwa 2017-08-21 14:52:50 -0700 That exception will be thrown if you're trying to add an attribute inside your custom element's constructor per specification. 1340779 9 rniwa 2017-08-21 15:04:21 -0700 Could you create a simple HTML file which reproduces the issue inside a WKWebView? I really can't follow various instructions and comments you've posted. 1341036 10 marc.borntraeger 2017-08-22 05:13:56 -0700 sure. It can be hard to read as this website does not allow formatting. For a easier read I have also published the issue here: https://github.com/PolymerElements/paper-input/issues/556 Regarding the HTML file: You can take the HTML content from this site: https://raw-dot-custom-elements.appspot.com/PolymerElements/paper-input/v2.0.0/paper-input/demo/index.html Unfortunately it's not very easy to publish a single HTML file as I don't really know where the issue is. So we need to define couple of dependencies like Polymer, etc. to reproduce it. But I hope the URL above helps a bit. 1450686 11 paulus 2018-08-16 08:25:11 -0700 It can be reproduced with the following HTML snippet: <script type='module'> import 'https://unpkg.com/@polymer/paper-input@3.0.0-pre.21/paper-textarea.js?module'; document.createElement('paper-textarea'); </script> Also published as CodePen: https://codepen.io/anon/pen/ejwMNN 1462299 12 350499 rniwa 2018-09-21 23:19:58 -0700 Created attachment 350499 Reduction Huh, this causes a crash in MobileSafari on iOS 12 simulator... 1462301 13 rniwa 2018-09-21 23:53:36 -0700 Wow, it still crashes on trunk. This is because "autocorrect" IDL attribute on HTML element is missing CEReactions. 1462333 14 350507 rniwa 2018-09-22 02:11:15 -0700 Created attachment 350507 Fixes the bug 1462345 15 paulus 2018-09-22 02:53:34 -0700 Thank you! 1462978 16 350507 rniwa 2018-09-24 16:10:04 -0700 Comment on attachment 350507 Fixes the bug Clearing flags on attachment: 350507 Committed r236439: <https://trac.webkit.org/changeset/236439> 1462979 17 rniwa 2018-09-24 16:10:06 -0700 All reviewed patches have been landed. Closing bug. 350499 2018-09-21 23:19:58 -0700 2018-09-21 23:19:58 -0700 Reduction bug174629.html text/html 241 rniwa PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8Ym9keT4KPHNjcmlwdCB0eXBlPSdtb2R1bGUnPgogIGlt cG9ydCAnaHR0cHM6Ly91bnBrZy5jb20vQHBvbHltZXIvcGFwZXItaW5wdXRAMy4wLjAtcHJlLjIx L3BhcGVyLXRleHRhcmVhLmpzP21vZHVsZSc7CiAgCiAgZG9jdW1lbnQuYm9keS5hcHBlbmRDaGls ZChkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdwYXBlci10ZXh0YXJlYScpKQo8L3NjcmlwdD4KPC9i b2R5Pgo8L2h0bWw+Cg== 350507 2018-09-22 02:11:15 -0700 2018-09-24 16:10:04 -0700 Fixes the bug bug-174629-20180922021114.patch text/plain 4515 rniwa U3VidmVyc2lvbiBSZXZpc2lvbjogMjM2MzgxCmRpZmYgLS1naXQgYS9Tb3VyY2UvV2ViQ29yZS9D aGFuZ2VMb2cgYi9Tb3VyY2UvV2ViQ29yZS9DaGFuZ2VMb2cKaW5kZXggMGIwYWMxM2E2NWMwZGJk YjkyMjIyMjczY2IwYzg1YWFkOGQ2YTRiZC4uZDNiMmI0NGUyYzkyMmJiMWVjOGVlZDE4MDE5ZjY3 NWVmMTE3YjhjZiAxMDA2NDQKLS0tIGEvU291cmNlL1dlYkNvcmUvQ2hhbmdlTG9nCisrKyBiL1Nv dXJjZS9XZWJDb3JlL0NoYW5nZUxvZwpAQCAtMSwzICsxLDE3IEBACisyMDE4LTA5LTIyICBSeW9z dWtlIE5pd2EgIDxybml3YUB3ZWJraXQub3JnPgorCisgICAgICAgIFJlbGVhc2UgYXNzZXJ0IHdo ZW4gdXNpbmcgcGFwZXItdGV4dGFyZWEgZHVlIHRvIGF1dG9jb3JyZWN0IElETCBhdHRyaWJ1dGUg bWlzc2luZyBDRVJlYWN0aW9ucworICAgICAgICBodHRwczovL2J1Z3Mud2Via2l0Lm9yZy9zaG93 X2J1Zy5jZ2k/aWQ9MTc0NjI5CisgICAgICAgIDxyZGFyOi8vcHJvYmxlbS8zMzQwNzYyMD4KKwor ICAgICAgICBSZXZpZXdlZCBieSBOT0JPRFkgKE9PUFMhKS4KKworICAgICAgICBUaGUgYnVnIHdh cyBjYXVzZWQgYnkgYXV0b2NvcnJlY3QgYW5kIGF1dG9jYXBpdGFsaXplIElETCBhdHRyaWJ1dGVz IG1pc3NpbmcgQ0VSZWFjdGlvbnMuCisKKyAgICAgICAgVGVzdDogZmFzdC9jdXN0b20tZWxlbWVu dHMvYXV0b2NvcnJlY3QtYXV0b2NhcGl0YWxpemUtaWRsLWF0dHJpYnV0ZXMtY3Jhc2guaHRtbAor CisgICAgICAgICogaHRtbC9IVE1MRWxlbWVudC5pZGw6CisKIDIwMTgtMDktMjEgIEp1c3RpbiBN aWNoYXVkICA8anVzdGluX21pY2hhdWRAYXBwbGUuY29tPgogCiAgICAgICAgIEltcGxlbWVudCBp bml0aWFsVmFsdWUgc3VwcG9ydCBmb3IgQ1NTIEN1c3RvbSBQcm9wZXJ0aWVzIGFuZCBWYWx1ZXMg QVBJCmRpZmYgLS1naXQgYS9Tb3VyY2UvV2ViQ29yZS9odG1sL0hUTUxFbGVtZW50LmlkbCBiL1Nv dXJjZS9XZWJDb3JlL2h0bWwvSFRNTEVsZW1lbnQuaWRsCmluZGV4IDA3N2U2YWMzZGZjOTQzZDk3 MjcwMjkyYzNiZmQ1YjIxNDQ5N2NhMTkuLjkwZGQ2M2FhOGIzNzVlY2VlOGE0NTk0NWEzMTA2OTNh OTMzMTZkY2EgMTAwNjQ0Ci0tLSBhL1NvdXJjZS9XZWJDb3JlL2h0bWwvSFRNTEVsZW1lbnQuaWRs CisrKyBiL1NvdXJjZS9XZWJDb3JlL2h0bWwvSFRNTEVsZW1lbnQuaWRsCkBAIC02Miw4ICs2Miw4 IEBACiAgICAgW0NFUmVhY3Rpb25zXSBhdHRyaWJ1dGUgW1RyZWF0TnVsbEFzPUVtcHR5U3RyaW5n XSBET01TdHJpbmcgb3V0ZXJUZXh0OwogCiAgICAgLy8gaU9TIGF1dG9jb3JyZWN0IC8gYXV0b2Nh cGl0YWxpemF0aW9uIGV4dGVuc2lvbnMuCi0gICAgW0NvbmRpdGlvbmFsPUlPU19BVVRPQ09SUkVD VF9BTkRfQVVUT0NBUElUQUxJWkVdIGF0dHJpYnV0ZSBib29sZWFuIGF1dG9jb3JyZWN0OwotICAg IFtDb25kaXRpb25hbD1JT1NfQVVUT0NPUlJFQ1RfQU5EX0FVVE9DQVBJVEFMSVpFXSBhdHRyaWJ1 dGUgW1RyZWF0TnVsbEFzPUVtcHR5U3RyaW5nXSBET01TdHJpbmcgYXV0b2NhcGl0YWxpemU7Cisg ICAgW0NvbmRpdGlvbmFsPUlPU19BVVRPQ09SUkVDVF9BTkRfQVVUT0NBUElUQUxJWkUsIENFUmVh Y3Rpb25zXSBhdHRyaWJ1dGUgYm9vbGVhbiBhdXRvY29ycmVjdDsKKyAgICBbQ29uZGl0aW9uYWw9 SU9TX0FVVE9DT1JSRUNUX0FORF9BVVRPQ0FQSVRBTElaRSwgQ0VSZWFjdGlvbnNdIGF0dHJpYnV0 ZSBbVHJlYXROdWxsQXM9RW1wdHlTdHJpbmddIERPTVN0cmluZyBhdXRvY2FwaXRhbGl6ZTsKIAog ICAgIC8vIEZJWE1FOiBXZSBhcmUgdGhlIG9ubHkgYnJvd3NlciB0byBzdXBwb3J0IHRoaXMgbm93 IHRoYXQgQmxpbmsgZHJvcHBlZCBpdCAoaHR0cDovL2NyYnVnLmNvbS82ODg5NDMpLgogICAgIFtD RVJlYWN0aW9ucywgUmVmbGVjdF0gYXR0cmlidXRlIERPTVN0cmluZyB3ZWJraXRkcm9wem9uZTsK ZGlmZiAtLWdpdCBhL0xheW91dFRlc3RzL0NoYW5nZUxvZyBiL0xheW91dFRlc3RzL0NoYW5nZUxv ZwppbmRleCBhYTg2MWI3ZWE5NmMzM2UzM2YzNWM3YzJhNjFmMDVhZmY2NzFkYjk1Li43NDUxY2U1 Yjg3NjQ4MzM4MTI5ZGQzNzM5NmVhMzJhODZjNzZjZmQzIDEwMDY0NAotLS0gYS9MYXlvdXRUZXN0 cy9DaGFuZ2VMb2cKKysrIGIvTGF5b3V0VGVzdHMvQ2hhbmdlTG9nCkBAIC0xLDMgKzEsMTYgQEAK KzIwMTgtMDktMjIgIFJ5b3N1a2UgTml3YSAgPHJuaXdhQHdlYmtpdC5vcmc+CisKKyAgICAgICAg UmVsZWFzZSBhc3NlcnQgd2hlbiB1c2luZyBwYXBlci10ZXh0YXJlYSBkdWUgdG8gYXV0b2NvcnJl Y3QgSURMIGF0dHJpYnV0ZSBtaXNzaW5nIENFUmVhY3Rpb25zCisgICAgICAgIGh0dHBzOi8vYnVn cy53ZWJraXQub3JnL3Nob3dfYnVnLmNnaT9pZD0xNzQ2MjkKKyAgICAgICAgPHJkYXI6Ly9wcm9i bGVtLzMzNDA3NjIwPgorCisgICAgICAgIFJldmlld2VkIGJ5IE5PQk9EWSAoT09QUyEpLgorCisg ICAgICAgIEFkZGVkIGEgcmVncmVzc2lvbiB0ZXN0IGZvciBtdXRhdGluZyBhdXRvY29ycmVjdCBh bmQgYXV0b2NhcGl0YWxpemUgSURMIGF0dHJpYnV0ZXMgZHVyaW5nIGNvbm5lY3RlZCBjYWxsYmFj ay4KKworICAgICAgICAqIGZhc3QvY3VzdG9tLWVsZW1lbnRzL2F1dG9jb3JyZWN0LWF1dG9jYXBp dGFsaXplLWlkbC1hdHRyaWJ1dGVzLWNyYXNoLWV4cGVjdGVkLnR4dDogQWRkZWQuCisgICAgICAg ICogZmFzdC9jdXN0b20tZWxlbWVudHMvYXV0b2NvcnJlY3QtYXV0b2NhcGl0YWxpemUtaWRsLWF0 dHJpYnV0ZXMtY3Jhc2guaHRtbDogQWRkZWQuCisKIDIwMTgtMDktMjEgIERldmluIFJvdXNzbyAg PGRyb3Vzc29AYXBwbGUuY29tPgogCiAgICAgICAgIFdlYiBJbnNwZWN0b3I6IFJFR1JFU1NJT04o cjIzNjMzNik6IGNvbXB1dGVkIENTU1Byb3BlcnR5IGRvZXNuJ3QgaGF2ZSBhIHZhbHVlIGZvciBf dGV4dApkaWZmIC0tZ2l0IGEvTGF5b3V0VGVzdHMvZmFzdC9jdXN0b20tZWxlbWVudHMvYXV0b2Nv cnJlY3QtYXV0b2NhcGl0YWxpemUtaWRsLWF0dHJpYnV0ZXMtY3Jhc2gtZXhwZWN0ZWQudHh0IGIv TGF5b3V0VGVzdHMvZmFzdC9jdXN0b20tZWxlbWVudHMvYXV0b2NvcnJlY3QtYXV0b2NhcGl0YWxp emUtaWRsLWF0dHJpYnV0ZXMtY3Jhc2gtZXhwZWN0ZWQudHh0Cm5ldyBmaWxlIG1vZGUgMTAwNjQ0 CmluZGV4IDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAuLjUwODAzNmMz Mjk5NDQ1MDg3ZTk5NzE3MTJiYzdhMWQwMDJlYzgxMDcKLS0tIC9kZXYvbnVsbAorKysgYi9MYXlv dXRUZXN0cy9mYXN0L2N1c3RvbS1lbGVtZW50cy9hdXRvY29ycmVjdC1hdXRvY2FwaXRhbGl6ZS1p ZGwtYXR0cmlidXRlcy1jcmFzaC1leHBlY3RlZC50eHQKQEAgLTAsMCArMSw1IEBACitUaGlzIHRl c3RzIG11dGF0aW5nIGF1dG9jb3JyZWN0IGFuZCBhdXRvY2FwaXRhbGl6ZSBJREwgYXR0cmlidXRl cyBpbnNpZGUgYSBjb25uZWN0ZWQgY2FsbGJhY2suCitXZWJLaXQgc2hvdWxkIG5vdCBoaXQgYSBy ZWxlYXNlIGFzc2VydGlvbi4KKworUEFTUworCmRpZmYgLS1naXQgYS9MYXlvdXRUZXN0cy9mYXN0 L2N1c3RvbS1lbGVtZW50cy9hdXRvY29ycmVjdC1hdXRvY2FwaXRhbGl6ZS1pZGwtYXR0cmlidXRl cy1jcmFzaC5odG1sIGIvTGF5b3V0VGVzdHMvZmFzdC9jdXN0b20tZWxlbWVudHMvYXV0b2NvcnJl Y3QtYXV0b2NhcGl0YWxpemUtaWRsLWF0dHJpYnV0ZXMtY3Jhc2guaHRtbApuZXcgZmlsZSBtb2Rl IDEwMDY0NAppbmRleCAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwLi5m YmRlZTliN2YxYzZiYTg1YmJmOGRjNmM4MWZmMTVlNjA3ZmExYmYzCi0tLSAvZGV2L251bGwKKysr IGIvTGF5b3V0VGVzdHMvZmFzdC9jdXN0b20tZWxlbWVudHMvYXV0b2NvcnJlY3QtYXV0b2NhcGl0 YWxpemUtaWRsLWF0dHJpYnV0ZXMtY3Jhc2guaHRtbApAQCAtMCwwICsxLDIzIEBACis8IURPQ1RZ UEUgaHRtbD4KKzxodG1sPgorPGJvZHk+Cis8cD5UaGlzIHRlc3RzIG11dGF0aW5nIGF1dG9jb3Jy ZWN0IGFuZCBhdXRvY2FwaXRhbGl6ZSBJREwgYXR0cmlidXRlcyBpbnNpZGUgYSBjb25uZWN0ZWQg Y2FsbGJhY2suPGJyPgorV2ViS2l0IHNob3VsZCBub3QgaGl0IGEgcmVsZWFzZSBhc3NlcnRpb24u PC9wPgorPGRpdiBpZD0icmVzdWx0Ij5GQUlMPC9kaXY+Cis8c2NyaXB0PgorCitpZiAod2luZG93 LnRlc3RSdW5uZXIpCisgICAgdGVzdFJ1bm5lci5kdW1wQXNUZXh0KCk7CisKK2N1c3RvbUVsZW1l bnRzLmRlZmluZSgnZWRpdG9yLWVsZW1lbnQnLCBjbGFzcyBleHRlbmRzIEhUTUxFbGVtZW50IHsK KyAgICBjb25uZWN0ZWRDYWxsYmFjaygpIHsKKyAgICAgICAgdGhpcy5hdXRvY29ycmVjdCA9IHRy dWU7CisgICAgICAgIHRoaXMuYXV0b2NhcGl0YWxpemUgPSB0cnVlOworICAgICAgICBkb2N1bWVu dC5nZXRFbGVtZW50QnlJZCgncmVzdWx0JykudGV4dENvbnRlbnQgPSAnUEFTUyc7CisgICAgfQor fSkKKworPC9zY3JpcHQ+Cis8ZWRpdG9yLWVsZW1lbnQ+PC9lZGl0b3ItZWxlbWVudD4KKzwvYm9k eT4KKzwvaHRtbD4K