41: Refactor to move properties near where they are relevant.

phase2 · Jul 16, 2021 · 2885dd9 · 2885dd9
1 parent 646a156
commit 2885dd9
Showing 1 changed file with 12 additions and 12 deletions.
diff --git a/src/components/base/outline-alert/outline-alert.ts b/src/components/base/outline-alert/outline-alert.ts
@@ -25,18 +25,6 @@ export const alertStatusTypes: AlertStatusType[] = [
 export class OutlineAlert extends OutlineElement {
   static styles: CSSResultGroup = [componentStyles];
 
-  @property({ type: String })
-  size: AlertSize = 'large';
-
-  @property({ type: String })
-  statusType: AlertStatusType = 'information';
-
-  @property({ type: Boolean })
-  shouldShowIcon = true;
-
-  @property({ type: Boolean })
-  isInteractive = false;
-
   render(): TemplateResult {
     // The `body` wrapper is used to avoid styles (like border) that are preventing us from styling `:host`.
     return html`
@@ -49,6 +37,9 @@ export class OutlineAlert extends OutlineElement {
     `;
   }
 
+  @property({ type: Boolean })
+  isInteractive = false;
+
   private _iconTemplate(): TemplateResult {
     let template = html``;
 
@@ -63,6 +54,9 @@ export class OutlineAlert extends OutlineElement {
     return template;
   }
 
+  @property({ type: Boolean })
+  shouldShowIcon = true;
+
   private _headerTemplate(): TemplateResult {
     let template = html``;
 
@@ -79,4 +73,10 @@ export class OutlineAlert extends OutlineElement {
 
     return template;
   }
+
+  @property({ type: String })
+  size: AlertSize = 'large';
+
+  @property({ type: String })
+  statusType: AlertStatusType = 'information';
 }