@justeattakeaway/pie-modal 0.1.1 → 0.2.0

package/.turbo/turbo-build.log

@@ -1,11 +1,11 @@
 vite v4.2.1 building for production...
 transforming...
-✓ 1 modules transformed.
+✓ 5 modules transformed.
 rendering chunks...
 computing gzip size...
-dist/index.js  0.63 kB │ gzip: 0.40 kB
+dist/index.js  1.78 kB │ gzip: 0.81 kB
 
 [vite:dts] Start generate declaration files...
-✓ built in 24.45s
-[vite:dts] Declaration files built in 23862ms.
+✓ built in 23.66s
+[vite:dts] Declaration files built in 23401ms.
 

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @justeattakeaway/pie-modal
 
+## 0.2.0
+
+### Minor Changes
+
+- [Changed] - use RTL mixin on component ([#478](https://github.com/justeattakeaway/pie/pull/478)) by [@jamieomaguire](https://github.com/jamieomaguire)
+
+### Patch Changes
+
+- Updated dependencies [[`1f79d9d1a`](https://github.com/justeattakeaway/pie/commit/1f79d9d1a6fe9160b244e82d956290136b87187b)]:
+  - @justeattakeaway/pie-webc-core@0.1.0
+
 ## 0.1.1
 
 ### Patch Changes

package/dist/index.js

@@ -1,22 +1,51 @@
-import { LitElement as p, html as v } from "lit";
-import { customElement as f } from "lit/decorators.js";
-var n = Object.defineProperty, P = Object.getOwnPropertyDescriptor, _ = (i, r, l, t) => {
-  for (var e = t > 1 ? void 0 : t ? P(r, l) : r, o = i.length - 1, s; o >= 0; o--)
-    (s = i[o]) && (e = (t ? s(r, l, e) : s(e)) || e);
-  return t && e && n(r, l, e), e;
+import { html as p, LitElement as f } from "lit";
+import { customElement as u } from "lit/decorators.js";
+import { property as m } from "lit/decorators/property.js";
+var v = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, c = (i, e, s, t) => {
+  for (var r = t > 1 ? void 0 : t ? _(e, s) : e, o = i.length - 1, l; o >= 0; o--)
+    (l = i[o]) && (r = (t ? l(e, s, r) : l(r)) || r);
+  return t && r && v(e, s, r), r;
 };
-let m = class extends p {
+const d = (i) => {
+  class e extends i {
+    constructor() {
+      super(...arguments), this.dir = "";
+    }
+    /**
+     * Returns true if the element is in Right to Left mode.
+     * If a dir attribute is not explicitly set on the web component
+     * then it falls back to the nearest parent with a dir attribute set.
+     *
+     * A dir attribute being set will result in a reactive property.
+     * If the component falls back to a parent dir attribute then the value
+     * will not be reactive and is only computed once
+     */
+    get isRTL() {
+      var t;
+      return this.dir === "ltr" ? !1 : this.dir === "rtl" || ((t = window == null ? void 0 : window.getComputedStyle(this)) == null ? void 0 : t.direction) === "rtl";
+    }
+  }
+  return c([
+    m({ type: String })
+  ], e.prototype, "dir", 2), e;
+};
+var a = Object.defineProperty, P = Object.getOwnPropertyDescriptor, h = (i, e, s, t) => {
+  for (var r = t > 1 ? void 0 : t ? P(e, s) : e, o = i.length - 1, l; o >= 0; o--)
+    (l = i[o]) && (r = (t ? l(e, s, r) : l(r)) || r);
+  return t && r && a(e, s, r), r;
+};
+let n = class extends d(f) {
   // eslint-disable-next-line class-methods-use-this
   render() {
-    return v`
+    return p`
             <div>This is the Pie Modal
                 <slot></slot>
             </div>`;
   }
 };
-m = _([
-  f("pie-modal")
-], m);
+n = h([
+  u("pie-modal")
+], n);
 export {
-  m as PieModal
+  n as PieModal
 };

package/dist/types/index.d.ts

@@ -1 +1 @@
-export * from './src/index'
+export * from './packages/components/pie-modal/src/index'

package/dist/types/packages/components/pie-modal/src/index.d.ts

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+declare const PieModal_base: (new (...args: any[]) => {
+    dir: string;
+    isRTL: boolean;
+}) & typeof LitElement;
+export declare class PieModal extends PieModal_base {
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'pie-modal': PieModal;
+    }
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/types/packages/components/pie-modal/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;;;;;AAIvC,qBACa,QAAS,SAAQ,aAAoB;IAE9C,MAAM;CAMT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,WAAW,EAAE,QAAQ,CAAC;KACzB;CACJ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@justeattakeaway/pie-modal",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "PIE design system modal built using web components",
   "type": "module",
   "main": "dist/index.js",
@@ -13,6 +13,9 @@
   },
   "author": "JustEatTakeaway - Design System Web Team",
   "license": "Apache-2.0",
+  "dependencies": {
+    "@justeattakeaway/pie-webc-core": "workspace:*"
+  },
   "volta": {
     "extends": "../../../package.json"
   }

package/src/index.ts

@@ -1,8 +1,9 @@
 import { LitElement, html } from 'lit'; // eslint-disable-line import/no-extraneous-dependencies
 import { customElement } from 'lit/decorators.js'; // eslint-disable-line import/no-extraneous-dependencies
+import { RtlMixin } from '@justeattakeaway/pie-webc-core';
 
 @customElement('pie-modal')
-export class PieModal extends LitElement {
+export class PieModal extends RtlMixin(LitElement) {
     // eslint-disable-next-line class-methods-use-this
     render () {
         return html`

package/dist/types/src/index.d.ts

@@ -1,10 +0,0 @@
-import { LitElement } from 'lit';
-export declare class PieModal extends LitElement {
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'pie-modal': PieModal;
-    }
-}
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,qBACa,QAAS,SAAQ,UAAU;IAEpC,MAAM;CAMT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,WAAW,EAAE,QAAQ,CAAC;KACzB;CACJ"}