From 63cda69f6e4f1c66430e84ec0d1cf225ef62c0e5 Mon Sep 17 00:00:00 2001
From: Alex Ryltsov <ryltsov.alex@gmail.com>
Date: Wed, 1 Jan 2020 14:20:53 +0300
Subject: [PATCH] Changes: - added multi-level-select-placeholder css class for
 the placeholder text and enabled default placeholder text style - bumped the
 version to 1.0.0

---
 package-lock.json                    | 2 +-
 package.json                         | 2 +-
 src/components/multi-level-select.ts | 7 +++++--
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 62e55d1..7108c1c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
     "name": "ionic3-multi-level-select",
-    "version": "0.0.2",
+    "version": "1.0.0",
     "lockfileVersion": 1,
     "requires": true,
     "dependencies": {
diff --git a/package.json b/package.json
index 3db404a..092955b 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
     "name": "ionic3-multi-level-select",
     "author": "Alex Ryltsov",
     "homepage": "https://github.com/ryaa/ionic3-multi-level-select",
-    "version": "0.0.4",
+    "version": "1.0.0",
     "description": "Ionic multi level select module allowing to display hierarchical data in a mobile friendly manner.",
     "license": "MIT",
     "main": "./dist/index.js",
diff --git a/src/components/multi-level-select.ts b/src/components/multi-level-select.ts
index 9f8a59b..3b7f67e 100644
--- a/src/components/multi-level-select.ts
+++ b/src/components/multi-level-select.ts
@@ -1,4 +1,4 @@
-import { Component, Input, forwardRef , ViewEncapsulation } from '@angular/core';
+import { Component, Input, forwardRef, ViewEncapsulation } from '@angular/core';
 import { ModalController, NavParams } from 'ionic-angular';
 import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
 
@@ -12,7 +12,7 @@ import { MultiLevelSelectDialogComponent } from './multi-level-select-dialog';
   selector: 'ryaa-multi-level-select',
   template: `
     <ion-toolbar (click)="open()">
-      <ion-title>{{ selectedItem ? selectedItem?.name : "Please Select" }}</ion-title>
+      <ion-title [ngClass]="{ 'multi-level-select-placeholder': !selectedItem }">{{ selectedItem ? selectedItem?.name : "Please Select" }}</ion-title>
       <ion-buttons right>
         <button *ngIf="selectedItem" ion-button icon-only (click)="reset($event)">
           <i class="fa fa-times" aria-hidden="true"></i>
@@ -35,6 +35,9 @@ import { MultiLevelSelectDialogComponent } from './multi-level-select-dialog';
       padding-left: 0px;
       padding-right: 0px;
     }
+    ryaa-multi-level-select ion-toolbar ion-title.multi-level-select-placeholder {
+      opacity: .33;
+    }
     ryaa-multi-level-select ion-toolbar ion-title .toolbar-title {
       font: 400 15px "Roboto", sans-serif;
       color: #373B40;