Add right-to-left layout option

README.md

@@ -164,6 +164,7 @@ cards:
     column_width: <column width>
     max_width: <max column width>
     min_height: <min height>
+    ltr: <ltr>
     cards:
       <cards>
 ```
@@ -209,6 +210,11 @@ Optional. Default: 5
 
 The number of units needed before a column is considered not empty.
 
+### `<rtl>`
+Optional. Default: false
+
+If set to true, columns will be placed right-to-left.
+
 ### `<cards>`
 Required.
 

layout-card.js

@@ -10,6 +10,7 @@ class LayoutCard extends cardTools.LitElement {
     this.colWidth = config.column_width || 300;
     this.maxWidth = config.max_width || 500;
     this.minHeight = config.min_height || 5;
+    this.rtl = config.rtl || false;
     this.cardSize = 1;
 
     window.addEventListener('resize', () => this.build());
@@ -28,6 +29,8 @@ class LayoutCard extends cardTools.LitElement {
     {
       this.style.padding = "0";
     }
+    if(this.rtl)
+      this.shadowRoot.querySelector("#columns").style.flexDirection = 'row-reverse';
     this.build();
     this._cardModder = {
       target: this,