From 102214254a90349334749e28fc9258ae0175c595 Mon Sep 17 00:00:00 2001
From: Scott Cooper <scttcper@gmail.com>
Date: Wed, 13 Mar 2019 22:46:45 -0700
Subject: [PATCH] feat: allow passing of width `[style]="{width: '100%'}"`.
 Allows setting 100% width closes #199

---
 src/lib/picker/picker.component.html | 2 +-
 src/lib/picker/picker.component.ts   | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/lib/picker/picker.component.html b/src/lib/picker/picker.component.html
index c0fb573f..c93b7f52 100644
--- a/src/lib/picker/picker.component.html
+++ b/src/lib/picker/picker.component.html
@@ -1,5 +1,5 @@
 <div class="emoji-mart"
-  [style.width.px]="perLine * (emojiSize + 12) + 12 + 2 + measureScrollbar"
+  [style.width]="getWidth()"
   [ngStyle]="style">
   <div class="emoji-mart-bar">
     <emoji-mart-anchors
diff --git a/src/lib/picker/picker.component.ts b/src/lib/picker/picker.component.ts
index c7dfd7d2..c6ad7855 100644
--- a/src/lib/picker/picker.component.ts
+++ b/src/lib/picker/picker.component.ts
@@ -392,4 +392,10 @@ export class PickerComponent implements OnInit {
     localStorage.setItem(`${this.NAMESPACE}.skin`, String(skin));
     this.skinChange.emit(skin);
   }
+  getWidth(): string {
+    if (this.style.width) {
+      return this.style.width;
+    }
+    return this.perLine * (this.emojiSize + 12) + 12 + 2 + this.measureScrollbar + 'px';
+  }
 }