@lion/ui 0.6.0-alpha.4 → 0.6.0-beta.0

package/components/core/src/SlotMixin.js

@@ -195,6 +195,11 @@ const SlotMixinImplementation = superclass =>
         } else if (isRerenderConfig(slotFunctionResult)) {
           // Rerenderable slots are scheduled in the "updated loop"
           this.__slotsThatNeedRerender.add(slotName);
+
+          // For backw. compat, we allow a first render on connectedCallback
+          if (slotFunctionResult.firstRenderOnConnected) {
+            this.__rerenderSlot(slotName);
+          }
         } else {
           throw new Error(
             `Slot "${slotName}" configured inside "get slots()" (in prototype) of ${this.constructor.name} may return these types: TemplateResult | Node | {template:TemplateResult, afterRender?:function} | undefined.

package/components/core/src/browserDetection.js

@@ -35,6 +35,7 @@ export const browserDetection = {
   isChrome: checkChrome(),
   isIOSChrome: checkChrome('ios'),
   isChromium: checkChrome('chromium'),
+  isFirefox: navigator.userAgent.toLowerCase().indexOf('firefox') > -1,
   isMac: navigator.appVersion.indexOf('Mac') !== -1,
   isIOS: /iPhone|iPad|iPod/i.test(navigator.userAgent),
   isMacSafari:

package/components/core/test/SlotMixin.test.js

@@ -1,5 +1,5 @@
 import sinon from 'sinon';
-import { defineCE, expect, fixture, unsafeStatic, html } from '@open-wc/testing';
+import { defineCE, expect, fixture, fixtureSync, unsafeStatic, html } from '@open-wc/testing';
 import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element.js';
 import { SlotMixin } from '@lion/ui/core.js';
 import { LitElement } from 'lit';
@@ -297,6 +297,83 @@ describe('SlotMixin', () => {
       expect(document.activeElement).to.equal(el._focusableNode);
       expect(el._focusableNode.shadowRoot.activeElement).to.equal(el._focusableNode._buttonNode);
     });
+
+    describe('firstRenderOnConnected (for backwards compatibility)', () => {
+      it('does render on connected when firstRenderOnConnected:true', async () => {
+        // Start with elem that does not render on connectedCallback
+        const tag = defineCE(
+          // @ts-expect-error
+          class extends SlotMixin(LitElement) {
+            static properties = { currentValue: Number };
+
+            constructor() {
+              super();
+              this.currentValue = 0;
+            }
+
+            get slots() {
+              return {
+                ...super.slots,
+                template: () => ({
+                  firstRenderOnConnected: true,
+                  template: html`<span>${this.currentValue}</span> `,
+                }),
+              };
+            }
+
+            render() {
+              return html`<slot name="template"></slot>`;
+            }
+
+            get _templateNode() {
+              return /** @type HTMLSpanElement */ (
+                Array.from(this.children).find(elm => elm.slot === 'template')
+              );
+            }
+          },
+        );
+        const el = /** @type {* & SlotHost} */ (fixtureSync(`<${tag}></${tag}>`));
+        expect(el._templateNode.slot).to.equal('template');
+        expect(el._templateNode.textContent?.trim()).to.equal('0');
+      });
+
+      it('does not render on connected when firstRenderOnConnected:false', async () => {
+        // Start with elem that does not render on connectedCallback
+        const tag = defineCE(
+          // @ts-expect-error
+          class extends SlotMixin(LitElement) {
+            static properties = { currentValue: Number };
+
+            constructor() {
+              super();
+              this.currentValue = 0;
+            }
+
+            get slots() {
+              return {
+                ...super.slots,
+                template: () => ({ template: html`<span>${this.currentValue}</span> ` }),
+              };
+            }
+
+            render() {
+              return html`<slot name="template"></slot>`;
+            }
+
+            get _templateNode() {
+              return /** @type HTMLSpanElement */ (
+                Array.from(this.children).find(elm => elm.slot === 'template')
+              );
+            }
+          },
+        );
+        const el = /** @type {* & SlotHost} */ (fixtureSync(`<${tag}></${tag}>`));
+        expect(el._templateNode).to.be.undefined;
+        await el.updateComplete;
+        expect(el._templateNode.slot).to.equal('template');
+        expect(el._templateNode.textContent?.trim()).to.equal('0');
+      });
+    });
   });
 
   describe('SlotFunctionResult types', () => {
@@ -434,6 +511,7 @@ describe('SlotMixin', () => {
       class ScopedEl extends LitElement {}
 
       const tagName = defineCE(
+        // @ts-ignore
         class extends ScopedElementsMixin(SlotMixin(LitElement)) {
           static get scopedElements() {
             return {

package/components/core/types/SlotMixinTypes.ts

@@ -8,9 +8,16 @@ export type SlotRerenderObject = {
   template: TemplateResult;
   /**
    * Add logic that will be performed after the render
-   * @deprecated
+   * @deprecated use regular ReactiveElement/LitElement reactive cycle callbacks instead
    */
   afterRender?: Function;
+  /**
+   * For backward compat with traditional light render methods,
+   * it might be needed to have slot contents available in `connectedCallback`.
+   * Only enable this for existing components that rely on light content availability in connectedCallback.
+   * For new components, please align with ReactiveElement/LitElement reactive cycle callbacks.
+   */
+  firstRenderOnConnected?: boolean;
 };
 
 export type SlotFunctionResult = TemplateResult | Element | SlotRerenderObject | undefined;

package/components/input-tel-dropdown/test/LionInputTelDropdown.test.js

@@ -4,10 +4,10 @@ import { repeat } from 'lit/directives/repeat.js';
 import { ref } from 'lit/directives/ref.js';
 
 import { LionInputTelDropdown } from '@lion/ui/input-tel-dropdown.js';
+import { LionOption } from '@lion/ui/listbox.js';
+import { LionSelectRich } from '@lion/ui/select-rich.js';
 import { runInputTelDropdownSuite } from '@lion/ui/input-tel-dropdown-test-suites.js';
-
-import '@lion/ui/define/lion-option.js';
-import '@lion/ui/define/lion-select-rich.js';
+import { ScopedElementsMixin } from '../../core/src/ScopedElementsMixin.js';
 
 /**
  * @typedef {import('lit').TemplateResult} TemplateResult
@@ -16,7 +16,16 @@ import '@lion/ui/define/lion-select-rich.js';
  * @typedef {import('../types/index.js').RegionMeta} RegionMeta
  */
 
-class WithFormControlInputTelDropdown extends LionInputTelDropdown {
+class WithFormControlInputTelDropdown extends ScopedElementsMixin(LionInputTelDropdown) {
+  /**
+   * @configure ScopedElementsMixin
+   */
+  static scopedElements = {
+    ...super.scopedElements,
+    'lion-select-rich': LionSelectRich,
+    'lion-option': LionOption,
+  };
+
   static templates = {
     ...(super.templates || {}),
     /**
@@ -49,8 +58,7 @@ class WithFormControlInputTelDropdown extends LionInputTelDropdown {
 runInputTelSuite({ klass: LionInputTelDropdown });
 runInputTelDropdownSuite();
 
-// TODO: To be fixed in 4095205
-describe.skip('WithFormControlInputTelDropdown', () => {
+describe('WithFormControlInputTelDropdown', () => {
   // @ts-expect-error
   // Runs it for LionSelectRich, which uses .modelValue/@model-value-changed instead of .value/@change
   runInputTelDropdownSuite({ klass: WithFormControlInputTelDropdown });

package/components/overlays/test/local-positioning.test.js

@@ -2,6 +2,7 @@
 import { expect, fixture, fixtureSync } from '@open-wc/testing';
 import { html } from 'lit/static-html.js';
 import { OverlayController } from '@lion/ui/overlays.js';
+import { browserDetection } from '@lion/ui/core.js';
 import { normalizeTransformStyle } from '../test-helpers/normalizeTransformStyle.js';
 
 /**
@@ -65,8 +66,7 @@ describe('Local Positioning', () => {
       expect(ctrl._popper.state.modifiersData).to.exist;
     });
 
-    // TODO: To be fixed in 4096926
-    it.skip('positions correctly', async () => {
+    it('positions correctly', async () => {
       // smoke test for integration of popper
       const ctrl = new OverlayController({
         ...withLocalTestConfig(),
@@ -86,6 +86,11 @@ describe('Local Positioning', () => {
       `);
       await ctrl.show();
 
+      // TODO: test fails on Firefox, but looks fine in browser => try again in a later version and investigate when persists (or move to anchor positioning when available in all browsers)
+      if (browserDetection.isFirefox) {
+        return;
+      }
+
       expect(normalizeTransformStyle(ctrl.contentWrapperNode.style.transform)).to.equal(
         'translate(70px, -508px)',
       );
@@ -207,8 +212,7 @@ describe('Local Positioning', () => {
       expect(ctrl._popper.state.modifiersData.offset.auto).to.eql({ x: 0, y: 16 });
     });
 
-    // TODO: To be fixed in 4096926
-    it.skip('positions the Popper element correctly on show', async () => {
+    it('positions the Popper element correctly on show', async () => {
       const ctrl = new OverlayController({
         ...withLocalTestConfig(),
         contentNode: createContentSync({ width: 80, height: 20 }),
@@ -225,6 +229,11 @@ describe('Local Positioning', () => {
 
       await ctrl.show();
 
+      // TODO: test fails on Firefox, but looks fine in browser => try again in a later version and investigate when persists (or move to anchor positioning when available in all browsers)
+      if (browserDetection.isFirefox) {
+        return;
+      }
+
       // N.B. margin between invoker and content = 8px
       expect(normalizeTransformStyle(ctrl.contentWrapperNode.style.transform)).to.equal(
         'translate(110px, -308px)',

package/components/textarea/src/LionTextarea.js

@@ -1,6 +1,5 @@
 /* eslint-disable max-classes-per-file */
-// @ts-expect-error [external]: https://github.com/jackmoore/autosize/pull/384 wait for this, then we can switch to just 'autosize'; and then types will work!
-import autosize from 'autosize/src/autosize.js';
+import autosize from 'autosize';
 import { LionField, NativeTextFieldMixin } from '@lion/ui/form-core.js';
 import { css } from 'lit';
 
@@ -155,6 +154,7 @@ export class LionTextarea extends NativeTextFieldMixin(LionFieldWithTextArea) {
       ...super.styles,
       css`
         .input-group__container > .input-group__input ::slotted(.form-control) {
+          box-sizing: content-box;
           overflow-x: hidden; /* for FF adds height to the TextArea to reserve place for scroll-bars */
         }
 

package/components/textarea/test/lion-textarea.test.js

@@ -12,11 +12,6 @@ import '@lion/ui/define/lion-textarea.js';
 
 const fixture = /** @type {(arg: TemplateResult|string) => Promise<LionTextarea>} */ (_fixture);
 
-const isFirefox = (() => {
-  const ua = navigator.userAgent.toLowerCase();
-  return ua.indexOf('firefox') !== -1 && ua.indexOf('safari') === -1 && ua.indexOf('chrome') === -1;
-})();
-
 function hasBrowserResizeSupport() {
   const textarea = document.createElement('textarea');
   return textarea.style.resize !== undefined;
@@ -98,10 +93,9 @@ describe('<lion-textarea>', () => {
     expect(hightWith1Line < hightWith5TextLines).to.equal(true);
   });
 
-  // TODO: To be fixed in 4096171
-  it.skip(`starts growing when content is bigger than "rows"
+  it(`starts growing when content is bigger than "rows"
     'and stops growing after property "maxRows" is reached`, async () => {
-    const el = await fixture(`<lion-textarea></lion-textarea>`);
+    const el = await fixture(html`<lion-textarea></lion-textarea>`);
     return [1, 2, 3, 4, 5, 6, 7, 8].reduce(async (heightPromise, i) => {
       const oldHeight = await heightPromise;
       el.modelValue += '\n';
@@ -120,11 +114,9 @@ describe('<lion-textarea>', () => {
     }, Promise.resolve(0));
   });
 
-  // TODO: make test simpler => no reduce please (also update autosize npm dependency to latest version)
-  // TODO: To be fixed in 4096171
-  it.skip('stops growing after property "maxRows" is reached when there was an initial value', async () => {
-    const el = await fixture(html`<lion-textarea .modelValue="${'1\n2\n3'}"></lion-textarea>`);
-
+  // TODO: make test simpler => no reduce please
+  it('stops growing after property "maxRows" is reached when there was an initial value', async () => {
+    const el = await fixture(html` <lion-textarea .modelValue="${'1\n2\n3'}"></lion-textarea> `);
     return [4, 5, 6, 7, 8].reduce(async (heightPromise, i) => {
       const oldHeight = await heightPromise;
       el.modelValue += `\n`;
@@ -133,10 +125,7 @@ describe('<lion-textarea>', () => {
 
       if (i > el.maxRows) {
         // stop growing
-        // TODO: fails on Firefox => fix it
-        if (!isFirefox) {
-          expect(newHeight).to.equal(oldHeight);
-        }
+        expect(newHeight).to.equal(oldHeight);
       } else if (i > el.rows) {
         // growing normally
         expect(newHeight >= oldHeight).to.equal(true);

package/custom-elements.json

@@ -21892,7 +21892,7 @@
           "type": {
             "text": "object"
           },
-          "default": "{\n  isIE11: /Trident/.test(window.navigator.userAgent),\n  isChrome: checkChrome(),\n  isIOSChrome: checkChrome('ios'),\n  isChromium: checkChrome('chromium'),\n  isMac: navigator.appVersion.indexOf('Mac') !== -1,\n  isIOS: /iPhone|iPad|iPod/i.test(navigator.userAgent),\n  isMacSafari:\n    navigator.vendor &&\n    navigator.vendor.indexOf('Apple') > -1 &&\n    navigator.userAgent &&\n    navigator.userAgent.indexOf('CriOS') === -1 &&\n    navigator.userAgent.indexOf('FxiOS') === -1 &&\n    navigator.appVersion.indexOf('Mac') !== -1,\n}"
+          "default": "{\n  isIE11: /Trident/.test(window.navigator.userAgent),\n  isChrome: checkChrome(),\n  isIOSChrome: checkChrome('ios'),\n  isChromium: checkChrome('chromium'),\n  isFirefox: navigator.userAgent.toLowerCase().indexOf('firefox') > -1,\n  isMac: navigator.appVersion.indexOf('Mac') !== -1,\n  isIOS: /iPhone|iPad|iPod/i.test(navigator.userAgent),\n  isMacSafari:\n    navigator.vendor &&\n    navigator.vendor.indexOf('Apple') > -1 &&\n    navigator.userAgent &&\n    navigator.userAgent.indexOf('CriOS') === -1 &&\n    navigator.userAgent.indexOf('FxiOS') === -1 &&\n    navigator.appVersion.indexOf('Mac') !== -1,\n}"
         }
       ],
       "exports": [

package/dist-types/components/core/src/SlotMixin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlotMixin.d.ts","sourceRoot":"","sources":["../../../../components/core/src/SlotMixin.js"],"names":[],"mappings":"wBAMa,OAAO,4BAA4B,EAAE,SAAS;AA8O3D,4nBAA8D;uBA7OjD,OAAO,4BAA4B,EAAE,QAAQ;iCAC7C,OAAO,4BAA4B,EAAE,kBAAkB;iCACvD,OAAO,4BAA4B,EAAE,kBAAkB;yBACvD,OAAO,KAAK,EAAE,UAAU"}
+{"version":3,"file":"SlotMixin.d.ts","sourceRoot":"","sources":["../../../../components/core/src/SlotMixin.js"],"names":[],"mappings":"wBAMa,OAAO,4BAA4B,EAAE,SAAS;AAmP3D,4nBAA8D;uBAlPjD,OAAO,4BAA4B,EAAE,QAAQ;iCAC7C,OAAO,4BAA4B,EAAE,kBAAkB;iCACvD,OAAO,4BAA4B,EAAE,kBAAkB;yBACvD,OAAO,KAAK,EAAE,UAAU"}

package/dist-types/components/core/src/browserDetection.d.ts

@@ -3,6 +3,7 @@ export namespace browserDetection {
     const isChrome: boolean | RegExpMatchArray | null | undefined;
     const isIOSChrome: boolean | RegExpMatchArray | null | undefined;
     const isChromium: boolean | RegExpMatchArray | null | undefined;
+    const isFirefox: boolean;
     const isMac: boolean;
     const isIOS: boolean;
     const isMacSafari: boolean | "";

package/dist-types/components/core/types/SlotMixinTypes.d.ts

@@ -7,9 +7,16 @@ export declare type SlotRerenderObject = {
     template: TemplateResult;
     /**
      * Add logic that will be performed after the render
-     * @deprecated
+     * @deprecated use regular ReactiveElement/LitElement reactive cycle callbacks instead
      */
     afterRender?: Function;
+    /**
+     * For backward compat with traditional light render methods,
+     * it might be needed to have slot contents available in `connectedCallback`.
+     * Only enable this for existing components that rely on light content availability in connectedCallback.
+     * For new components, please align with ReactiveElement/LitElement reactive cycle callbacks.
+     */
+    firstRenderOnConnected?: boolean;
 };
 export declare type SlotFunctionResult = TemplateResult | Element | SlotRerenderObject | undefined;
 declare function slotFunction(): SlotFunctionResult;

package/dist-types/components/core/types/SlotMixinTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlotMixinTypes.d.ts","sourceRoot":"","sources":["../../../../components/core/types/SlotMixinTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjD;;GAEG;AACH,oBAAY,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,cAAc,CAAC;IACzB;;;OAGG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC;CACxB,CAAC;AAEF,oBAAY,kBAAkB,GAAG,cAAc,GAAG,OAAO,GAAG,kBAAkB,GAAG,SAAS,CAAC;AAE3F,OAAO,UAAU,YAAY,IAAI,kBAAkB,CAAC;AAEpD,oBAAY,QAAQ,GAAG;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,YAAY,CAAC;CACpC,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,QAAQ;IAC3B;;OAEG;IACH,IAAW,KAAK,IAAI,QAAQ,CAAC;IAE7B;;OAEG;IACH,SAAS,CAAC,iBAAiB,IAAI,IAAI;IAEnC;;;;;;OAMG;IACH,SAAS,CAAC,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO;IAEnD,iBAAiB,IAAI,IAAI;CAC1B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,UAAU,uBAAuB,CAAC,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EACxE,UAAU,EAAE,CAAC,GACZ,CAAC,GACF,WAAW,CAAC,QAAQ,CAAC,GACrB,IAAI,CAAC,OAAO,QAAQ,EAAE,MAAM,OAAO,QAAQ,CAAC,GAC5C,IAAI,CAAC,OAAO,UAAU,EAAE,MAAM,OAAO,UAAU,CAAC,CAAC;AAEnD,oBAAY,SAAS,GAAG,OAAO,uBAAuB,CAAC"}
+{"version":3,"file":"SlotMixinTypes.d.ts","sourceRoot":"","sources":["../../../../components/core/types/SlotMixinTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjD;;GAEG;AACH,oBAAY,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,cAAc,CAAC;IACzB;;;OAGG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,oBAAY,kBAAkB,GAAG,cAAc,GAAG,OAAO,GAAG,kBAAkB,GAAG,SAAS,CAAC;AAE3F,OAAO,UAAU,YAAY,IAAI,kBAAkB,CAAC;AAEpD,oBAAY,QAAQ,GAAG;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,YAAY,CAAC;CACpC,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,QAAQ;IAC3B;;OAEG;IACH,IAAW,KAAK,IAAI,QAAQ,CAAC;IAE7B;;OAEG;IACH,SAAS,CAAC,iBAAiB,IAAI,IAAI;IAEnC;;;;;;OAMG;IACH,SAAS,CAAC,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO;IAEnD,iBAAiB,IAAI,IAAI;CAC1B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,UAAU,uBAAuB,CAAC,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EACxE,UAAU,EAAE,CAAC,GACZ,CAAC,GACF,WAAW,CAAC,QAAQ,CAAC,GACrB,IAAI,CAAC,OAAO,QAAQ,EAAE,MAAM,OAAO,QAAQ,CAAC,GAC5C,IAAI,CAAC,OAAO,UAAU,EAAE,MAAM,OAAO,UAAU,CAAC,CAAC;AAEnD,oBAAY,SAAS,GAAG,OAAO,uBAAuB,CAAC"}

package/dist-types/components/overlays/test/local-positioning.test.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"local-positioning.test.d.ts","sourceRoot":"","sources":["../../../../components/overlays/test/local-positioning.test.js"],"names":[],"mappings":"4BAOa,OAAO,2BAA2B,EAAE,aAAa;gCACjD,OAAO,2BAA2B,EAAE,iBAAiB"}
+{"version":3,"file":"local-positioning.test.d.ts","sourceRoot":"","sources":["../../../../components/overlays/test/local-positioning.test.js"],"names":[],"mappings":"4BAQa,OAAO,2BAA2B,EAAE,aAAa;gCACjD,OAAO,2BAA2B,EAAE,iBAAiB"}

package/dist-types/components/textarea/src/LionTextarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LionTextarea.d.ts","sourceRoot":"","sources":["../../../../components/textarea/src/LionTextarea.js"],"names":[],"mappings":";AAkBA;;;;GAIG;AACH;IACE,kBAAkB;IAClB,6BAoBC;IA2GD,wFAcC;IAvHD;;MAcC;IAIC,aAAa;IACb,gBAAgB;IAEhB,oBAAqB;IAOrB,yDAAmF;IAIrF,+DAA+D;IAC/D,2BADY,OAAO,KAAK,EAAE,cAAc,QA8CvC;IAOD;;OAEG;IACH,6BAeC;IAkBD;;OAEG;IACH,sDAKC;IAED,uBAEC;IAED,eAAe;IACf,+BAUC;IAPG,8BAGE;IAMN,eAAe;IACf,2CAQC;IAED,eAAe;IACf,0BAGC;CACF;AA7MD;IACE;;;OAGG;IACH,gDAIC;CACF"}
+{"version":3,"file":"LionTextarea.d.ts","sourceRoot":"","sources":["../../../../components/textarea/src/LionTextarea.js"],"names":[],"mappings":";AAiBA;;;;GAIG;AACH;IACE,kBAAkB;IAClB,6BAoBC;IA2GD,wFAeC;IAxHD;;MAcC;IAIC,aAAa;IACb,gBAAgB;IAEhB,oBAAqB;IAOrB,yDAAmF;IAIrF,+DAA+D;IAC/D,2BADY,OAAO,KAAK,EAAE,cAAc,QA8CvC;IAOD;;OAEG;IACH,6BAeC;IAmBD;;OAEG;IACH,sDAKC;IAED,uBAEC;IAED,eAAe;IACf,+BAUC;IAPG,8BAGE;IAMN,eAAe;IACf,2CAQC;IAED,eAAe;IACf,0BAGC;CACF;AA9MD;IACE;;;OAGG;IACH,gDAIC;CACF"}