primeng 4.2.1 → 4.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "primeng",
-  "version": "4.2.1",
+  "version": "4.3.0",
   "license": "MIT",
   "scripts": {
     "ng": "ng",
@@ -15,23 +15,23 @@
     "url": "https://github.com/primefaces/primeng.git"
   },
   "devDependencies": {
-    "@angular/animations": "^4.2.4",
-    "@angular/cli": "1.4.1",
-    "@angular/common": "^4.2.4",
-    "@angular/compiler": "^4.2.4",
-    "@angular/compiler-cli": "^4.2.4",
-    "@angular/core": "^4.2.4",
-    "@angular/forms": "^4.2.4",
-    "@angular/http": "^4.2.4",
-    "@angular/language-service": "^4.2.4",
-    "@angular/platform-browser": "^4.2.4",
-    "@angular/platform-browser-dynamic": "^4.2.4",
-    "@angular/router": "^4.2.4",
-    "@types/jasmine": "2.5.45",
-    "@types/node": "~6.0.60",
+    "@angular/animations": "4.4.4",
+    "@angular/cli": "1.4.3",
+    "@angular/common": "4.4.4",
+    "@angular/compiler": "4.4.4",
+    "@angular/compiler-cli": "4.4.4",
+    "@angular/core": "4.4.4",
+    "@angular/forms": "4.4.4",
+    "@angular/http": "4.4.4",
+    "@angular/language-service": "4.4.4",
+    "@angular/platform-browser": "4.4.4",
+    "@angular/platform-browser-dynamic": "4.4.4",
+    "@angular/router": "4.4.4",
+    "@types/jasmine": "2.5.54",
+    "@types/node": "6.0.88",
     "chart.js": "2.1.3",
-    "codelyzer": "~3.1.1",
-    "core-js": "^2.4.1",
+    "codelyzer": "3.1.2",
+    "core-js": "2.5.1",
     "del": "^2.2.0",
     "font-awesome": "4.7.0",
     "fullcalendar": "^3.5.0",
@@ -43,25 +43,25 @@
     "gulp-uglifycss": "^1.0.6",
     "install": "^0.10.1",
     "intl": "^1.2.5",
-    "jasmine-core": "~2.6.2",
-    "jasmine-spec-reporter": "~4.1.0",
-    "jquery": "^3.1.1",
-    "karma": "~1.7.0",
-    "karma-chrome-launcher": "~2.1.1",
-    "karma-cli": "~1.0.1",
-    "karma-coverage-istanbul-reporter": "^1.2.1",
-    "karma-jasmine": "~1.1.0",
-    "karma-jasmine-html-reporter": "^0.2.2",
-    "moment": "^2.18.1",
+    "jasmine-core": "2.6.4",
+    "jasmine-spec-reporter": "4.1.1",
+    "jquery": "3.2.1",
+    "karma": "1.7.1",
+    "karma-chrome-launcher": "2.1.0",
+    "karma-cli": "1.0.1",
+    "karma-jasmine": "1.1.0",
+    "karma-jasmine-html-reporter": "0.2.2",
+    "karma-coverage-istanbul-reporter": "1.3.0",
+    "moment": "2.18.1",
     "npm": "^5.0.1",
     "prismjs": "^1.6.0",
-    "protractor": "~5.1.2",
+    "protractor": "5.1.2",
     "quill": "^1.1.8",
-    "rxjs": "^5.4.2",
-    "ts-node": "~3.2.0",
-    "tslint": "~5.3.2",
-    "typescript": "~2.3.3",
-    "web-animations-js": "^2.2.2",
-    "zone.js": "^0.8.14"
+    "rxjs": "5.4.3",
+    "ts-node": "3.2.0",
+    "tslint": "5.3.2",
+    "typescript": "2.3.4",
+    "web-animations-js": "2.3.1",
+    "zone.js": "0.8.18"
   }
 }

package/primeng.d.ts

@@ -40,6 +40,7 @@ export * from './components/megamenu/megamenu';
 export * from './components/menu/menu';
 export * from './components/menubar/menubar';
 export * from './components/messages/messages';
+export * from './components/message/message';
 export * from './components/multiselect/multiselect';
 export * from './components/orderlist/orderlist';
 export * from './components/organizationchart/organizationchart';
@@ -50,12 +51,14 @@ export * from './components/panelmenu/panelmenu';
 export * from './components/password/password';
 export * from './components/picklist/picklist';
 export * from './components/progressbar/progressbar';
+export * from './components/progressspinner/progressspinner';
 export * from './components/radiobutton/radiobutton';
 export * from './components/rating/rating';
 export * from './components/schedule/schedule';
 export * from './components/selectbutton/selectbutton';
 export * from './components/slidemenu/slidemenu';
 export * from './components/slider/slider';
+export * from './components/sidebar/sidebar';
 export * from './components/spinner/spinner';
 export * from './components/splitbutton/splitbutton';
 export * from './components/steps/steps';

package/primeng.js

@@ -46,6 +46,7 @@ __export(require("./components/megamenu/megamenu"));
 __export(require("./components/menu/menu"));
 __export(require("./components/menubar/menubar"));
 __export(require("./components/messages/messages"));
+__export(require("./components/message/message"));
 __export(require("./components/multiselect/multiselect"));
 __export(require("./components/orderlist/orderlist"));
 __export(require("./components/organizationchart/organizationchart"));
@@ -56,12 +57,14 @@ __export(require("./components/panelmenu/panelmenu"));
 __export(require("./components/password/password"));
 __export(require("./components/picklist/picklist"));
 __export(require("./components/progressbar/progressbar"));
+__export(require("./components/progressspinner/progressspinner"));
 __export(require("./components/radiobutton/radiobutton"));
 __export(require("./components/rating/rating"));
 __export(require("./components/schedule/schedule"));
 __export(require("./components/selectbutton/selectbutton"));
 __export(require("./components/slidemenu/slidemenu"));
 __export(require("./components/slider/slider"));
+__export(require("./components/sidebar/sidebar"));
 __export(require("./components/spinner/spinner"));
 __export(require("./components/splitbutton/splitbutton"));
 __export(require("./components/steps/steps"));

package/resources/primeng.css

@@ -2,7 +2,7 @@
     box-sizing: border-box;
 }
 .ui-helper-hidden {
-    display: none;
+    display: none !important;
 }
 .ui-helper-hidden-accessible {
     border: 0;
@@ -229,17 +229,6 @@
 .ui-rtl .ui-accordion .ui-accordion-header > .fa-caret-right:before {
     content: '\f0d9';
 }
-.ui-blockui {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-}
-
-.ui-blockui-document {
-    position: fixed;
-}
 .ui-autocomplete {
     width: auto;
     zoom: 1;
@@ -385,6 +374,7 @@
 }
 
 /** AutoComplete **/
+.ui-fluid p-autocomplete,
 .ui-fluid .ui-autocomplete,
 .ui-fluid .ui-autocomplete-input {
     width: 100%;
@@ -398,6 +388,18 @@
 .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button {
     width: 2em;
 }
+
+.ui-blockui {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.ui-blockui-document {
+    position: fixed;
+}
 /** Breadcrumb **/
 .ui-breadcrumb {
     margin: 0;
@@ -1310,7 +1312,8 @@ button.ui-button::-moz-focus-inner {
 
 /* Scrollable */
 .ui-datatable-scrollable-body {
-    overflow:auto;
+    overflow: auto;
+    overflow-anchor: none
 }
 .ui-datatable-scrollable-header {
     overflow: hidden;
@@ -1731,8 +1734,8 @@ button.ui-button::-moz-focus-inner {
     padding-right: 1.5em;
 }
 
-.ui-dropdown .ui-dropdown-item-empty,
-.ui-dropdown .ui-dropdown-label-empty {
+.ui-dropdown-item-empty,
+.ui-dropdown-label-empty {
     text-indent: -9999px;   
 }
 
@@ -1756,6 +1759,7 @@ button.ui-button::-moz-focus-inner {
 .ui-dropdown-panel {
     position: absolute;
     height: auto;
+    display: none;
 }
 
 .ui-dropdown-panel .ui-dropdown-items-wrapper {
@@ -1791,6 +1795,7 @@ button.ui-button::-moz-focus-inner {
     margin: 0;
     padding: 0.4em;
     display: inline-block;
+    width: 100%;
 }
 
 .ui-dropdown-panel .ui-dropdown-filter-container .fa {
@@ -1803,6 +1808,7 @@ button.ui-button::-moz-focus-inner {
 .ui-fluid .ui-dropdown {
     width: 100%;
 }
+
 .ui-fieldset, .ui-fieldset .ui-fieldset-legend {
     padding: 0.6em 1em;
 }
@@ -2966,7 +2972,6 @@ button.ui-button::-moz-focus-inner {
     -webkit-flex: 1 1 auto;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
-    width: 1%;
 }
 
 .ui-inputgroup .ui-chkbox, 
@@ -3015,8 +3020,16 @@ button.ui-button::-moz-focus-inner {
 .ui-fluid .ui-inputtextarea {
     width: 100%;
 }
+
+.ui-float-label textarea:focus ~ label,
+.ui-float-label textarea.ui-state-filled ~ label,
+.ui-float-label textarea:-webkit-autofill ~ label {
+  top:-.75em;
+  font-size:12px;
+}
 .ui-lightbox {
     position: fixed;
+    display: none;
 }
 
 .ui-lightbox-content-wrapper {
@@ -3473,9 +3486,19 @@ button.ui-button::-moz-focus-inner {
 }
 
 /** Fluid **/
-.ui-fluid .ui-menu {
+.ui-fluid .ui-menu:not(.ui-menu-dynamic) {
     width: 100%;
 }
+.ui-message {
+    border: 1px solid;
+    margin: 0px .25em;
+    padding: .25em .5em;
+    display: inline-block;
+}
+
+.ui-fluid .ui-message {
+    display: block;
+}
 .ui-messages {
     border: 1px solid;
     margin: .5em 0;
@@ -3500,27 +3523,43 @@ button.ui-button::-moz-focus-inner {
 }
 
 .ui-messages-success {
-    color: #ffffff;
-    background-color: #4CAF50;
-    border-color: #4CAF50;
+    color: #2C832f;
+    background-color: #B4F0B6;
+    border-color: #B4F0B6;
+}
+
+.ui-messages-success .ui-messages-close {
+    color: #2C832f;
 }
 
 .ui-messages-info {
-    color: #ffffff;
-    background-color: #2196f3;
-    border-color: #2196f3;
+    color: #1765A3;
+    background-color: #BFE0FA;
+    border-color: #BFE0FA;
+}
+
+.ui-messages-info .ui-messages-close {
+    color: #1765A3;
 }
 
 .ui-messages-warn {
-    color: #ffffff;
-    background-color: #FFB300;
-    border-color: #FFB300;
+    color: #8A6714;
+    background-color: #FFE9B5;
+    border-color: #FFE9B5;
+}
+
+.ui-messages-warn .ui-messages-close {
+    color: #8A6714;
 }
 
 .ui-messages-error {
-    color: #ffffff;
-    background-color: #f44336;
-    border-color: #f44336;
+    color: #AB1A0F;
+    background-color: #FFCBC8;
+    border-color: #FFCBC8;
+}
+
+.ui-messages-error .ui-messages-close {
+    color: #AB1A0F;
 }
 
 .ui-messages ul {
@@ -3536,19 +3575,11 @@ button.ui-button::-moz-focus-inner {
 }
 
 .ui-messages .ui-messages-close {
-    color: #ffffff;
     cursor: pointer;
     position: absolute;
     top: 5px;
     right: 5px;
 }
-
-/* Message */
-.ui-message {
-    border: 1px solid;
-    margin: 0px .25em;
-    padding: .125em .25em;
-}
 .ui-multiselect {
     display: inline-block;
     position: relative;
@@ -3906,6 +3937,7 @@ button.ui-button::-moz-focus-inner {
 	margin-left: .063em;
 	margin-right: .063em;
 	text-decoration: none;
+    vertical-align: middle;
 }
 
 .ui-paginator .ui-paginator-page,
@@ -3935,6 +3967,11 @@ button.ui-button::-moz-focus-inner {
 .ui-paginator a.ui-state-disabled {
     outline: 0 none;
 }
+
+.ui-paginator .ui-dropdown {
+    min-width: 4em;
+    margin-left: .375em;
+}
 .ui-panel {
 	padding: 0.2em;
 }
@@ -4195,9 +4232,10 @@ button.ui-button::-moz-focus-inner {
     height: 1.2em; 
     text-align: left; 
     position: relative;
+    overflow: hidden;
 }
 
-.ui-progressbar .ui-progressbar-value {
+.ui-progressbar-determinate .ui-progressbar-value {
     height: 100%;
     width: 0%;
     position: absolute;
@@ -4205,14 +4243,14 @@ button.ui-button::-moz-focus-inner {
     border: 0 none;
 }
 
-.ui-progressbar .ui-progressbar-value-animate {
+.ui-progressbar-determinate .ui-progressbar-value-animate {
     -webkit-transition: width 1s ease-in-out;
     -moz-transition: width 1s ease-in-out;
     -o-transition: width 1s ease-in-out;
     transition: width 1s ease-in-out;
 }
 
-.ui-progressbar .ui-progressbar-label {
+.ui-progressbar-determinate .ui-progressbar-label {
     text-align: center;
     height: 100%;
     width: 100%;
@@ -4220,6 +4258,153 @@ button.ui-button::-moz-focus-inner {
     display: none;
     font-weight: bold;
 }
+
+.ui-progressbar-indeterminate .ui-progressbar-value {
+    border: 0 none;
+}
+
+.ui-progressbar-indeterminate .ui-progressbar-value:before {
+      content: '';
+      position: absolute;
+      background-color: inherit;
+      top: 0;
+      left: 0;
+      bottom: 0;
+      will-change: left, right;
+      -webkit-animation: ui-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+              animation: ui-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+}
+
+.ui-progressbar-indeterminate .ui-progressbar-value:after {
+    content: '';
+    position: absolute;
+    background-color: inherit;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    will-change: left, right;
+    -webkit-animation: ui-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
+            animation: ui-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
+    -webkit-animation-delay: 1.15s;
+            animation-delay: 1.15s;
+}
+    
+@-webkit-keyframes ui-progressbar-indeterminate-anim {
+  0% {
+    left: -35%;
+    right: 100%; }
+  60% {
+    left: 100%;
+    right: -90%; }
+  100% {
+    left: 100%;
+    right: -90%; } 
+}
+@keyframes ui-progressbar-indeterminate-anim {
+  0% {
+    left: -35%;
+    right: 100%; }
+  60% {
+    left: 100%;
+    right: -90%; }
+  100% {
+    left: 100%;
+    right: -90%; } 
+}
+
+@-webkit-keyframes ui-progressbar-indeterminate-anim-short {
+  0% {
+    left: -200%;
+    right: 100%; }
+  60% {
+    left: 107%;
+    right: -8%; }
+  100% {
+    left: 107%;
+    right: -8%; } 
+}
+@keyframes ui-progressbar-indeterminate-anim-short {
+  0% {
+    left: -200%;
+    right: 100%; }
+  60% {
+    left: 107%;
+    right: -8%; }
+  100% {
+    left: 107%;
+    right: -8%; } 
+}
+.ui-progress-spinner {
+    position: relative;
+    margin: 0 auto;
+    width: 100px;
+    height: 100px;
+    display: inline-block;
+}
+
+.ui-progress-spinner:before {
+    content: '';
+    display: block;
+    padding-top: 100%;
+}
+
+.ui-progress-spinner-svg {
+    animation: ui-progress-spinner-rotate 2s linear infinite;
+    height: 100%;
+    transform-origin: center center;
+    width: 100%;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    margin: auto;
+}
+
+.ui-progress-spinner-circle {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+    animation: ui-progress-spinner-dash 1.5s ease-in-out infinite, ui-progress-spinner-color 6s ease-in-out infinite;
+    stroke-linecap: round;
+}
+
+@keyframes ui-progress-spinner-rotate {
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+@keyframes ui-progress-spinner-dash {
+    0% {
+        stroke-dasharray: 1, 200;
+        stroke-dashoffset: 0;
+    }
+    50% {
+        stroke-dasharray: 89, 200;
+        stroke-dashoffset: -35px;
+    }
+    100% {
+        stroke-dasharray: 89, 200;
+        stroke-dashoffset: -124px;
+    }
+}
+
+@keyframes ui-progress-spinner-color {
+    100%,
+    0% {
+        stroke: #d62d20;
+    }
+    40% {
+        stroke: #0057e7;
+    }
+    66% {
+        stroke: #008744;
+    }
+    80%,
+    90% {
+        stroke: #ffa700;
+    }
+}
 .ui-radiobutton {
     display:inline-block;
     cursor: pointer;
@@ -4261,6 +4446,123 @@ button.ui-button::-moz-focus-inner {
 .ui-selectbutton .ui-button.ui-state-focus{
     outline: none;
 }
+.ui-sidebar {
+    position: fixed;
+    padding: .5em 1em;
+    -webkit-transition: transform .3s;
+    transition: transform .3s;
+}
+
+.ui-sidebar-left {
+    top: 0;
+    left: 0;
+    width: 20em;
+    height: 100%;
+    -webkit-transform: translateX(-100%);
+    -ms-transform: translateX(-100%);
+    transform: translateX(-100%);
+}
+
+.ui-sidebar-right {
+    top: 0;
+    right: 0;
+    width: 20em;
+    height: 100%;
+    -webkit-transform: translateX(100%);
+    -ms-transform: translateX(100%);
+    transform: translateX(100%);
+}
+
+.ui-sidebar-top {
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 10em;
+    -webkit-transform: translateY(-100%);
+    -ms-transform: translateY(-100%);
+    transform: translateY(-100%);
+}
+
+.ui-sidebar-bottom {
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 10em;
+    -webkit-transform: translateY(100%);
+    -ms-transform: translateY(100%);
+    transform: translateY(100%);
+}
+
+.ui-sidebar-full {
+    width: 100%;
+    height: 100%;
+    left: 0;
+    -webkit-transition: transform 0s;
+    transition: transform 0s;
+}
+
+.ui-sidebar-left.ui-sidebar-active,
+.ui-sidebar-right.ui-sidebar-active {
+    -webkit-transform: translateX(0);
+    -ms-transform: translateX(0);
+    transform: translateX(0)
+}
+
+.ui-sidebar-left.ui-sidebar-sm,
+.ui-sidebar-right.ui-sidebar-sm {
+    width: 20em;
+}
+
+.ui-sidebar-left.ui-sidebar-md,
+.ui-sidebar-right.ui-sidebar-md {
+    width: 40em;
+}
+
+.ui-sidebar-left.ui-sidebar-lg,
+.ui-sidebar-right.ui-sidebar-lg {
+    width: 60em;
+}
+
+.ui-sidebar-top.ui-sidebar-active,
+.ui-sidebar-bottom.ui-sidebar-active {
+    -webkit-transform: translateY(0);
+    -ms-transform: translateY(0);
+    transform: translateY(0)
+}
+
+.ui-sidebar-top.ui-sidebar-sm,
+.ui-sidebar-bottom.ui-sidebar-sm {
+    height: 10em;
+}
+
+.ui-sidebar-top.ui-sidebar-md,
+.ui-sidebar-bottom.ui-sidebar-md {
+    height: 20em;
+}
+
+.ui-sidebar-top.ui-sidebar-lg,
+.ui-sidebar-bottom.ui-sidebar-lg {
+    height: 30em;
+}
+
+.ui-sidebar-mask {
+    position: fixed;
+    width: 100%;
+    height: 100%;
+}
+
+.ui-sidebar-close {
+    float: right;
+}
+
+@media screen and (max-width: 64em) {
+    .ui-sidebar-left.ui-sidebar-lg,
+    .ui-sidebar-left.ui-sidebar-md, 
+    .ui-sidebar-right.ui-sidebar-lg,
+    .ui-sidebar-right.ui-sidebar-md {
+        width: 20em;
+    }
+}
 .ui-slider {
 	position: relative;
 	text-align: left;