primeng 4.1.2 → 4.2.1

package/resources/primeng.css

@@ -157,6 +157,27 @@
 .ui-overflow-hidden {
     overflow: hidden;
 }
+
+::-webkit-input-placeholder { /* WebKit, Blink, Edge */
+    color: #898989;
+}
+:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
+   color: #898989;
+   opacity:  1;
+}
+::-moz-placeholder { /* Mozilla Firefox 19+ */
+   color: #898989;
+   opacity:  1;
+}
+:-ms-input-placeholder { /* Internet Explorer 10-11 */
+   color: #898989;
+}
+::-ms-input-placeholder { /* Microsoft Edge */
+   color: #898989;
+}
+.ui-placeholder {
+   color: #898989;
+}
 .ui-accordion { 
     width: 100%; 
 }
@@ -237,6 +258,17 @@
     vertical-align: top;
 }
 
+.ui-autocomplete .ui-autocomplete-input {
+    padding-right: 1.5em;
+}
+
+.ui-autocomplete-loader {
+    position: absolute;
+    right: .25em;
+    top: 50%;
+    margin-top: -.5em;
+}
+
 .ui-autocomplete-query {
     font-weight: bold;
 }
@@ -261,15 +293,16 @@
 }
 
 .ui-autocomplete .ui-button-icon-only,
-.ui-autocomplete .ui-button-icon-only:hover,
-.ui-autocomplete .ui-button-icon-only:focus,
-.ui-autocomplete .ui-button-icon-only:active {
+.ui-autocomplete .ui-button-icon-only:enabled:hover,
+.ui-autocomplete .ui-button-icon-only:enabled:focus,
+.ui-autocomplete .ui-button-icon-only:enabled:active {
     border-left: 0 none;
 }
 
 /* Multiple Selection */
 .ui-autocomplete-multiple-container {
     display: inline-block;
+    vertical-align: middle;
 }
 
 .ui-autocomplete-multiple-container.ui-inputtext {
@@ -278,7 +311,7 @@
     list-style-type: none;
     margin: 0;
     overflow: hidden;
-    padding: 0 .25em;
+    padding: 0 1.5em 0 .25em;
 }
 
 .ui-autocomplete-token {
@@ -328,6 +361,10 @@
     border-radius: 0;
 }
 
+.ui-autocomplete-dd .ui-autocomplete-loader {
+    right: 2.25em;
+}
+
 .ui-autocomplete-dd input.ui-corner-all ,
 .ui-autocomplete-dd .ui-autocomplete-multiple-container.ui-corner-all {
      -moz-border-radius-topright: 0px; 
@@ -610,7 +647,7 @@ button.ui-button::-moz-focus-inner {
     display: inline-block;
 }
 
-.ui-calendar button {
+.ui-calendar .ui-calendar-button {
     position: absolute;
     height: 100%;
     border-top-left-radius: 0px;
@@ -619,8 +656,8 @@ button.ui-button::-moz-focus-inner {
     border-left: 0 none;
 }
 
-.ui-calendar button:enabled:hover,
-.ui-calendar button:focus {
+.ui-calendar .ui-calendar-button:enabled:hover,
+.ui-calendar .ui-calendar-button:focus {
     border-left: 0 none;
 } 
 
@@ -629,10 +666,14 @@ button.ui-button::-moz-focus-inner {
     width: 100%;
 }
 
-.ui-fluid .ui-calendar button {
+.ui-fluid .ui-calendar-button {
     width: 2em;
 }
 
+.ui-fluid .ui-datepicker-buttonbar button {
+    width: auto;
+}
+
 .ui-fluid .ui-calendar.ui-calendar-w-btn .ui-inputtext {
     width: calc(100% - 2em);
 }
@@ -645,7 +686,7 @@ button.ui-button::-moz-focus-inner {
     position: absolute;
 }
 .ui-datepicker.ui-datepicker-inline {
-    display: block;
+    display: inline-block;
     position: static;
 }
 .ui-datepicker .ui-datepicker-header {
@@ -775,6 +816,21 @@ button.ui-button::-moz-focus-inner {
 	font-size: 0;
 }
 
+.ui-datepicker .ui-datepicker-buttonbar {
+    border-left: 0 none;
+    border-right: 0 none;
+    border-bottom: 0 none;
+	padding: .2em;
+}
+
+.ui-datepicker .ui-datepicker-buttonbar > .ui-g > div:last-child {
+    text-align: right;
+}
+
+.ui-datepicker .ui-datepicker-buttonbar > .ui-g > div {
+    padding: 0;
+}
+
 .ui-calendar.ui-calendar-w-btn input {
     -moz-border-radius-topright: 0px; 
     -webkit-border-top-right-radius: 0px; 
@@ -907,6 +963,32 @@ button.ui-button::-moz-focus-inner {
 .ui-carousel .ui-carousel-mobiledropdown {
     display: none;
 }
+.ui-chkbox {
+    display: inline-block;
+    cursor: pointer;
+    vertical-align: middle;
+    margin-right: .25em;
+}
+
+.ui-chkbox .ui-chkbox-box {
+    width: 1.125em;
+    height: 1.125em;
+    line-height: 1.125em;
+    -moz-border-radius: 2px;
+    -webkit-border-radius: 2px;
+    border-radius: 2px;
+    text-align: center;
+}
+
+.ui-chkbox .ui-chkbox-icon {
+    display: block;
+}
+
+.ui-chkbox-label {
+    vertical-align: middle;  
+}
+
+
 .ui-chips > ul.ui-inputtext {
     clear: left;
     cursor: text;
@@ -966,32 +1048,6 @@ button.ui-button::-moz-focus-inner {
     -webkit-border-radius: 0;
     border-radius: 0;
 }
-.ui-chkbox {
-    display: inline-block;
-    cursor: pointer;
-    vertical-align: middle;
-    margin-right: .25em;
-}
-
-.ui-chkbox .ui-chkbox-box {
-    width: 1.125em;
-    height: 1.125em;
-    line-height: 1.125em;
-    -moz-border-radius: 2px;
-    -webkit-border-radius: 2px;
-    border-radius: 2px;
-    text-align: center;
-}
-
-.ui-chkbox .ui-chkbox-icon {
-    display: block;
-}
-
-.ui-chkbox-label {
-    vertical-align: middle;  
-}
-
-
 .ui-colorpicker {
     display: inline-block;
 } 
@@ -2195,6 +2251,58 @@ button.ui-button::-moz-focus-inner {
     width: 100%;
 }
 
+.ui-g-offset-12 {
+  margin-left: 100%;
+}
+
+.ui-g-offset-11 {
+  margin-left: 91.66666667%;
+}
+
+.ui-g-offset-10 {
+  margin-left: 83.33333333%;
+}
+
+.ui-g-offset-9 {
+  margin-left: 75%;
+}
+
+.ui-g-offset-8 {
+  margin-left: 66.66666667%;
+}
+
+.ui-g-offset-7 {
+  margin-left: 58.33333333%;
+}
+
+.ui-g-offset-6 {
+  margin-left: 50%;
+}
+
+.ui-g-offset-5 {
+  margin-left: 41.66666667%;
+}
+
+.ui-g-offset-4 {
+  margin-left: 33.33333333%;
+}
+
+.ui-g-offset-3 {
+  margin-left: 25%;
+}
+
+.ui-g-offset-2 {
+  margin-left: 16.66666667%;
+}
+
+.ui-g-offset-1 {
+  margin-left: 8.33333333%;
+}
+
+.ui-g-offset-0 {
+  margin-left: 0%;
+}
+
 @media screen and (max-width: 40em) {
     .ui-sm-1,
     .ui-sm-2,
@@ -2258,6 +2366,58 @@ button.ui-button::-moz-focus-inner {
     .ui-sm-12 {
         width: 100%;
     }
+    
+    .ui-sm-offset-12 {
+      margin-left: 100%;
+    }
+
+    .ui-sm-offset-11 {
+      margin-left: 91.66666667%;
+    }
+
+    .ui-sm-offset-10 {
+      margin-left: 83.33333333%;
+    }
+
+    .ui-sm-offset-9 {
+      margin-left: 75%;
+    }
+
+    .ui-sm-offset-8 {
+      margin-left: 66.66666667%;
+    }
+
+    .ui-sm-offset-7 {
+      margin-left: 58.33333333%;
+    }
+
+    .ui-sm-offset-6 {
+      margin-left: 50%;
+    }
+
+    .ui-sm-offset-5 {
+      margin-left: 41.66666667%;
+    }
+
+    .ui-sm-offset-4 {
+      margin-left: 33.33333333%;
+    }
+
+    .ui-sm-offset-3 {
+      margin-left: 25%;
+    }
+
+    .ui-sm-offset-2 {
+      margin-left: 16.66666667%;
+    }
+
+    .ui-sm-offset-1 {
+      margin-left: 8.33333333%;
+    }
+
+    .ui-sm-offset-0 {
+      margin-left: 0%;
+    }
 }
 
 @media screen and (min-width: 40.063em) {
@@ -2323,6 +2483,58 @@ button.ui-button::-moz-focus-inner {
     .ui-md-12 {
         width: 100%;
     }
+    
+    .ui-md-offset-12 {
+      margin-left: 100%;
+    }
+
+    .ui-md-offset-11 {
+      margin-left: 91.66666667%;
+    }
+
+    .ui-md-offset-10 {
+      margin-left: 83.33333333%;
+    }
+
+    .ui-md-offset-9 {
+      margin-left: 75%;
+    }
+
+    .ui-md-offset-8 {
+      margin-left: 66.66666667%;
+    }
+
+    .ui-md-offset-7 {
+      margin-left: 58.33333333%;
+    }
+
+    .ui-md-offset-6 {
+      margin-left: 50%;
+    }
+
+    .ui-md-offset-5 {
+      margin-left: 41.66666667%;
+    }
+
+    .ui-md-offset-4 {
+      margin-left: 33.33333333%;
+    }
+
+    .ui-md-offset-3 {
+      margin-left: 25%;
+    }
+
+    .ui-md-offset-2 {
+      margin-left: 16.66666667%;
+    }
+
+    .ui-md-offset-1 {
+      margin-left: 8.33333333%;
+    }
+
+    .ui-md-offset-0 {
+      margin-left: 0%;
+    }
 }
 
 @media screen and (min-width: 64.063em) {
@@ -2388,6 +2600,58 @@ button.ui-button::-moz-focus-inner {
     .ui-lg-12 {
         width: 100%;
     }
+    
+    .ui-lg-offset-12 {
+      margin-left: 100%;
+    }
+
+    .ui-lg-offset-11 {
+      margin-left: 91.66666667%;
+    }
+
+    .ui-lg-offset-10 {
+      margin-left: 83.33333333%;
+    }
+
+    .ui-lg-offset-9 {
+      margin-left: 75%;
+    }
+
+    .ui-lg-offset-8 {
+      margin-left: 66.66666667%;
+    }
+
+    .ui-lg-offset-7 {
+      margin-left: 58.33333333%;
+    }
+
+    .ui-lg-offset-6 {
+      margin-left: 50%;
+    }
+
+    .ui-lg-offset-5 {
+      margin-left: 41.66666667%;
+    }
+
+    .ui-lg-offset-4 {
+      margin-left: 33.33333333%;
+    }
+
+    .ui-lg-offset-3 {
+      margin-left: 25%;
+    }
+
+    .ui-lg-offset-2 {
+      margin-left: 16.66666667%;
+    }
+
+    .ui-lg-offset-1 {
+      margin-left: 8.33333333%;
+    }
+
+    .ui-lg-offset-0 {
+      margin-left: 0%;
+    }
 }
 
 @media screen and (min-width: 90.063em) {
@@ -2453,6 +2717,58 @@ button.ui-button::-moz-focus-inner {
     .ui-xl-12 {
         width: 100%;
     }
+    
+    .ui-xl-offset-12 {
+      margin-left: 100%;
+    }
+
+    .ui-xl-offset-11 {
+      margin-left: 91.66666667%;
+    }
+
+    .ui-xl-offset-10 {
+      margin-left: 83.33333333%;
+    }
+
+    .ui-xl-offset-9 {
+      margin-left: 75%;
+    }
+
+    .ui-xl-offset-8 {
+      margin-left: 66.66666667%;
+    }
+
+    .ui-xl-offset-7 {
+      margin-left: 58.33333333%;
+    }
+
+    .ui-xl-offset-6 {
+      margin-left: 50%;
+    }
+
+    .ui-xl-offset-5 {
+      margin-left: 41.66666667%;
+    }
+
+    .ui-xl-offset-4 {
+      margin-left: 33.33333333%;
+    }
+
+    .ui-xl-offset-3 {
+      margin-left: 25%;
+    }
+
+    .ui-xl-offset-2 {
+      margin-left: 16.66666667%;
+    }
+
+    .ui-xl-offset-1 {
+      margin-left: 8.33333333%;
+    }
+
+    .ui-xl-offset-0 {
+      margin-left: 0%;
+    }
 }
 
 .ui-g-nopad {
@@ -2658,6 +2974,39 @@ button.ui-button::-moz-focus-inner {
     margin-right: 0;
     vertical-align: bottom;
 }
+
+/* Floating Label */
+.ui-float-label {
+    display: block;
+    position:relative; 
+}
+
+.ui-float-label label {
+  font-weight:normal;
+  position:absolute;
+  pointer-events:none;
+  left: .25em;
+  top: 50%;
+  margin-top: -.5em;
+  transition: 0.3s ease all; 
+  -moz-transition: 0.3s ease all; 
+  -webkit-transition: 0.3s ease all;
+  color: #898989;
+  line-height: 1;
+}
+    
+.ui-float-label input:focus ~ label,
+.ui-float-label input.ui-state-filled ~ label,
+.ui-float-label .ui-inputwrapper-focus ~ label,
+.ui-float-label .ui-inputwrapper-filled ~ label {
+  top:-.75em;
+  font-size:12px;
+}
+
+.ui-float-label .input:-webkit-autofill ~ label {
+  top:-20px;
+  font-size:12px;
+}
 .ui-inputtextarea-resizable {
     overflow: hidden;
     resize:none;
@@ -2727,11 +3076,14 @@ button.ui-button::-moz-focus-inner {
     opacity: 1;
 }
 .ui-listbox {
-    overflow:auto;
     padding: .25em;
     width: 10em;
 }
 
+.ui-listbox .ui-listbox-list-wrapper {
+    overflow:auto;
+}
+
 .ui-listbox .ui-listbox-list {
     list-style-type: none; 
     margin: 0;
@@ -2792,10 +3144,8 @@ button.ui-button::-moz-focus-inner {
     width: 100%;
 }
 
-/* Fluid */
-.ui-fluid .ui-listbox .ui-listbox-filter-container,
-.ui-fluid .ui-listbox .ui-listbox-filter-container input {
-    width: calc(100% - 32px);
+.ui-listbox-footer {
+    padding: .125em .2em;
 }
 .ui-menu {
     width: 12.5em;
@@ -3034,6 +3384,7 @@ button.ui-button::-moz-focus-inner {
 .ui-panelmenu .ui-panelmenu-header a {
     display: block;
     padding: .25em .5em;
+    text-decoration: none;
 }
 
 .ui-panelmenu span {
@@ -3198,7 +3549,6 @@ button.ui-button::-moz-focus-inner {
     margin: 0px .25em;
     padding: .125em .25em;
 }
-/** MultiSelect **/
 .ui-multiselect {
     display: inline-block;
     position: relative;
@@ -3246,7 +3596,12 @@ button.ui-button::-moz-focus-inner {
 .ui-multiselect-panel {
     padding: 0.2em;
     position: absolute;
-    min-width: 10em;
+    min-width: 12em;
+}
+
+.ui-multiselect .ui-multiselect-panel {
+    min-width: 100%;
+    display: none;
 }
 
 .ui-multiselect-panel .ui-multiselect-items-wrapper {
@@ -3301,6 +3656,10 @@ button.ui-button::-moz-focus-inner {
     width: 65%;
 }
 
+.ui-multiselect-header.ui-multiselect-header-no-toggleall .ui-multiselect-filter-container {
+    width: 85%;
+}
+
 .ui-multiselect-header .ui-multiselect-filter-container .fa {
     position: absolute;
     top: .25em;
@@ -3478,6 +3837,7 @@ button.ui-button::-moz-focus-inner {
     bottom: -9px;
     margin-left: -8px;
     z-index: 2;
+    left: 50%;
 }
 
 .ui-organizationchart .ui-organizationchart-line-down {
@@ -3886,7 +4246,6 @@ button.ui-button::-moz-focus-inner {
  
 .ui-radiobutton, .ui-radiobutton-label {
     vertical-align: middle;
-    display: inline-block;
 }
 .ui-fluid .fc .ui-button {
     width: auto;
@@ -4147,31 +4506,6 @@ button.ui-button::-moz-focus-inner {
 .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-disabled a {
      cursor: default;
 } 
-.ui-terminal {
-    height: 18em;
-    overflow: auto;
-    padding: .25em;
-}
-
-.ui-terminal-input {
-    border: 0 none;
-    background-color: transparent;
-    color: inherit;
-    padding: 0;
-    margin: 0 0 0 .125em;
-    width: 75%;
-    outline: none;
-    vertical-align: baseline;
-}
-
-.ui-terminal-command {
-    margin-left: .125em;
-    -moz-margin-start: .125em;
-}
-
-.ui-terminal-input::-ms-clear {
-    display: none;
-}
 .ui-tabview {
     padding: .25em; 
 }
@@ -4305,6 +4639,31 @@ button.ui-button::-moz-focus-inner {
     float: right;
 }
 
+.ui-terminal {
+    height: 18em;
+    overflow: auto;
+    padding: .25em;
+}
+
+.ui-terminal-input {
+    border: 0 none;
+    background-color: transparent;
+    color: inherit;
+    padding: 0;
+    margin: 0 0 0 .125em;
+    width: 75%;
+    outline: none;
+    vertical-align: baseline;
+}
+
+.ui-terminal-command {
+    margin-left: .125em;
+    -moz-margin-start: .125em;
+}
+
+.ui-terminal-input::-ms-clear {
+    display: none;
+}
 .ui-toolbar {
     padding: .25em .5em;
 }
@@ -4542,6 +4901,30 @@ button.ui-button::-moz-focus-inner {
     margin-right: .25em;
 }
 
+/** Loading **/
+.ui-tree.ui-tree-loading {
+    position: relative;
+    min-height: 4em;
+}
+
+.ui-tree .ui-tree-loading-mask {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
+    opacity: 0.1;
+    z-index: 1;
+}
+
+.ui-tree .ui-tree-loading-content {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    z-index: 2;
+    margin-top: -1em;
+    margin-left: -1em;
+}
+
 .ui-treetable {
     position: relative;
 }