cp-multi-selector - npm Package Compare versions

Comparing version 1.3.0 to 1.3.1

build/cp-multi-selector.js

@@ -8,2 +8,2 @@ /*!
  */
-!function(e){function t(l){if(i[l])return i[l].exports;var n=i[l]={exports:{},id:l,loaded:!1};return e[l].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var i={};return t.m=e,t.c=i,t.p="",t(0)}([function(e,t,i){"use strict";var l=(i(1),i(2));l.module("cp-multi-selector",[]),i(3)},function(e,t){e.exports=$},function(e,t){e.exports=angular},function(e,t,i){"use strict";var l=i(4),n=i(5),o=i(6);i(7),angular.module("cp-multi-selector").directive("cpMultiSelector",["$timeout","$compile",function(e,t){return{restrict:"E",scope:{source:"=",selectedItems:"=",template:"=",placeholder:"@",onChange:"&",icon:"@",customIconTemplate:"=",dontShowPill:"@",footerAction:"=",removable:"@"},template:n,link:function(i,n,c){function s(){if(i.customIconTemplate){var e=t(i.customIconTemplate)(i.$parent);n.find(".cp-multi-selector__custom__icon__template").html(e),t(n.find(".cp-multi-selector__custom__icon__template").contents())(i)}else n.find(".cp-multi-selector__custom__icon__template").html("")}function r(){var t=n[0].getBoundingClientRect().left,l=$(window).width();t+298>=l&&(i.dialogStyle.right=0),e(function(){i.$apply(function(){var e=n.height();i.dialogStyle.top=e+1+"px"})},100,!1)}function p(){e(function(){i.$apply(function(){i.onChange()})},null,!1)}var a=l.has(c,"single"),d=l.uniqueId();i.dialogStyle={},i.showDialog=!1,i.highlightedIndex=null,e(s,200),i.$watch("customIconTemplate",s),i.displayDialog=function(){if(i.showDialog=!0,setTimeout(function(){n.find(".cp-multi-selector__dialog__input").focus()},100),i.footerAction){var e=t(i.footerAction)(i.$parent);n.find(".cp-multi-selector__footer").html(e),t(n.find("cp-multi-selector__footer").contents())(i)}r()},i.$watch("template",function(e){i.itemTemplate=e||o}),i.$watch("userInput",function(){i.highlightedIndex=null}),i.selectItem=function(e){return a?(i.selectedItems=[e],p(),i.showDialog=!1):(l.find(i.selectedItems,e)?i.removeItem(e):i.selectedItems?i.selectedItems.push(e):i.selectedItems=[e],r(),void p())},i.removeItem=function(e){i.selectedItems=l.without(i.selectedItems,e),p()},i.isSelected=function(e){return!!l.find(i.selectedItems,e)},i.keyDown=function(e){var t=e.which;40===t?l.isNull(i.highlightedIndex)?i.highlightedIndex=0:i.highlightedIndex<i.filteredItems.length-1&&(i.highlightedIndex=i.highlightedIndex+1):38===t?i.highlightedIndex?i.highlightedIndex>0&&(i.highlightedIndex=i.highlightedIndex-1):i.highlightedIndex=0:13===t?l.isNull(i.highlightedIndex)||i.selectItem(i.filteredItems[i.highlightedIndex]):27===t&&(i.showDialog=!1)},$("body").on("click.cpmultiselector"+d,function(e){$(e.target).closest(n).length||i.$apply(function(){i.showDialog=!1})}),i.$on("$destroy",function(){$("body").off("click.cpmultiselector"+d)})}}}]),angular.module("cp-multi-selector").directive("cpMultiSelectorItem",["$compile",function(e){return{restrict:"E",scope:{template:"="},link:function(t,i,l){var n;t.$watch("template",function(l){l&&(n&&n.remove(),n=e(t.template)(t.$parent),i.append(n))})}}}])},function(e,t){e.exports=_},function(e,t){e.exports='<div class=cp-multi-selector ng-if=!icon><input type=input class=cp-multi-selector__hidden-input ng-focus=displayDialog()><div ng-click=displayDialog() type=text class="cp-multi-selector__main-input cps-form-control"><div class="cp-multi-selector__pill cps-white cps-bg-gray-10" ng-repeat="item in selectedItems">{{item.first_name}} {{item.last_name}}<i ng-click=removeItem(item) class="cps-icon cps-icon-sm-close"></i></div></div></div><div ng-if=icon class=cp-multi-selector__icon><div ng-if=!dontShowPill class="cp-multi-selector__pill +inline cps-white cps-bg-gray-10" ng-repeat="item in selectedItems"><span style="vertical-align: top">{{item.first_name}} {{item.last_name}}</span> <i ng-click=removeItem(item) class="cps-icon cps-icon-sm-close"></i></div><div class=cps-btn-icon ng-click=displayDialog()><a href="" class=cps-link><span ng-if=!customIconTemplate class="cps-icon {{icon}}"></span><div class=cp-multi-selector__custom__icon__template></div></a></div></div><div class="cp-multi-selector__dialog depth-z2" ng-show=showDialog ng-style=dialogStyle><input ng-keydown=keyDown($event) class="cps-form-control cp-multi-selector__dialog__input" ng-model=userInput placeholder={{placeholder}}><div class=cp-multi-selector__dialog__items><cp-multi-selector-item ng-class="{\'+selected\': isSelected(item), \'+highlighted\': ($index === highlightedIndex) }" ng-click=selectItem(item) ng-repeat="item in filteredItems = (source | filter:userInput | limitTo:4)" template=itemTemplate></cp-multi-selector-item></div><div class=cp-multi-selector__footer></div></div>'},function(e,t){e.exports='<div class="cp-multi-selector-item__icon cps-bg-medium-gray cps-gray-5"><span>{{item.first_name[0]}}{{item.last_name[0]}}</span></div><div class=cp-multi-selector-item__title>{{item.first_name}} {{item.last_name}}</div><div class=cp-multi-selector-item__check ng-class="{ \'cp-multi-selector-item__check--move-up\': removable }"><i ng-if=!removable class="cps-icon cps-icon-lg-check cps-info"></i> <i ng-if=removable ng-click="$event.stopPropagation(); removeItem(item);" class="cps-icon cps-icon-close"></i></div>'},function(e,t,i){var l=i(8);"string"==typeof l&&(l=[[e.id,l,""]]);i(10)(l,{})},function(e,t,i){t=e.exports=i(9)(),t.push([e.id,"cp-multi-selector{display:inline-block;position:relative;font-size:1.4rem}.cp-multi-selector{width:340px;z-index:1}.cp-multi-selector__hidden-input{position:absolute}.cp-multi-selector__dialog{background:#fff;padding:16px 16px 8px;position:absolute;top:33px;min-width:298px;width:auto;border-radius:2px}.cp-multi-selector__dialog__items{margin:16px -16px 8px}cp-multi-selector-item{display:block;height:40px;position:relative;padding-top:6px;cursor:pointer;padding-left:16px;padding-right:16px}cp-multi-selector-item:hover,cp-multi-selector-item.\\+highlighted{background-color:#F7F7F7}cp-multi-selector-item.\\+selected .cp-multi-selector-item__icon{background-color:#45A8F8!important}cp-multi-selector-item.\\+selected .cp-multi-selector-item__check{visibility:visible}.cp-multi-selector-item__icon{display:inline-block;vertical-align:middle;height:28px;width:28px;text-align:center;font-weight:600;padding-top:.4rem;border-radius:2px}.cp-multi-selector-item__icon *{opacity:.75}.cp-multi-selector-item__title{display:inline-block;position:absolute;left:56px;top:12px}.cp-multi-selector-item__check{display:inline-block;visibility:hidden;float:right;font-size:2.6rem;position:relative;right:.2rem}.cp-multi-selector-item__check:hover{background-color:#E9E9E9}.cp-multi-selector-item__check--move-up{margin-top:-.5rem}.cp-multi-selector__main-input.cps-form-control{position:relative;z-index:2;padding:2px 2px 0;min-height:32px;height:auto}.cp-multi-selector__pill{display:inline-block;padding:2px 8px;margin-right:5px;height:25px;margin-bottom:3px;vertical-align:top}.cp-multi-selector__pill.\\+inline{position:relative;top:3px}.cp-multi-selector__pill .cps-icon{position:relative;top:-2px;right:-4px;cursor:pointer}.cp-multi-selector__icon{position:relative}",""])},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var i=this[t];i[2]?e.push("@media "+i[2]+"{"+i[1]+"}"):e.push(i[1])}return e.join("")},e}},function(e,t,i){function l(e,t){for(var i=0;i<e.length;i++){var l=e[i],n=a[l.id];if(n){n.refs++;for(var o=0;o<n.parts.length;o++)n.parts[o](l.parts[o]);for(;o<l.parts.length;o++)n.parts.push(c(l.parts[o],t))}else{for(var s=[],o=0;o<l.parts.length;o++)s.push(c(l.parts[o],t));a[l.id]={id:l.id,refs:1,parts:s}}}}function n(e){for(var t=[],i={},l=0;l<e.length;l++){var n=e[l],o=n[0],c=n[1],s=n[2],r=n[3],p={css:c,media:s,sourceMap:r};i[o]?i[o].parts.push(p):t.push(i[o]={id:o,parts:[p]})}return t}function o(){var e=document.createElement("style"),t=m();return e.type="text/css",t.appendChild(e),e}function c(e,t){var i,l,n;if(t.singleton){var c=g++;i=h||(h=o()),l=r.bind(null,i,c,!1),n=r.bind(null,i,c,!0)}else i=o(),l=p.bind(null,i),n=function(){i.parentNode.removeChild(i)};return l(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;l(e=t)}else n()}}function s(e,t,i){var l=["/** >>"+t+" **/","/** "+t+"<< **/"],n=e.lastIndexOf(l[0]),o=i?l[0]+i+l[1]:"";if(e.lastIndexOf(l[0])>=0){var c=e.lastIndexOf(l[1])+l[1].length;return e.slice(0,n)+o+e.slice(c)}return e+o}function r(e,t,i,l){var n=i?"":l.css;if(e.styleSheet)e.styleSheet.cssText=s(e.styleSheet.cssText,t,n);else{var o=document.createTextNode(n),c=e.childNodes;c[t]&&e.removeChild(c[t]),c.length?e.insertBefore(o,c[t]):e.appendChild(o)}}function p(e,t){var i=t.css,l=t.media,n=t.sourceMap;if(n&&"function"==typeof btoa)try{i+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(JSON.stringify(n))+" */",i='@import url("data:text/css;base64,'+btoa(i)+'")'}catch(o){}if(l&&e.setAttribute("media",l),e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}var a={},d=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},u=d(function(){return/msie 9\b/.test(window.navigator.userAgent.toLowerCase())}),m=d(function(){return document.head||document.getElementsByTagName("head")[0]}),h=null,g=0;e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=u());var i=n(e);return l(i,t),function(e){for(var o=[],c=0;c<i.length;c++){var s=i[c],r=a[s.id];r.refs--,o.push(r)}if(e){var p=n(e);l(p,t)}for(var c=0;c<o.length;c++){var r=o[c];if(0===r.refs){for(var d=0;d<r.parts.length;d++)r.parts[d]();delete a[r.id]}}}}}]);
+!function(e){function t(n){if(i[n])return i[n].exports;var l=i[n]={exports:{},id:n,loaded:!1};return e[n].call(l.exports,l,l.exports,t),l.loaded=!0,l.exports}var i={};return t.m=e,t.c=i,t.p="",t(0)}([function(e,t,i){"use strict";var n=(i(1),i(2));n.module("cp-multi-selector",[]),i(3)},function(e,t){e.exports=$},function(e,t){e.exports=angular},function(e,t,i){"use strict";var n=i(4),l=i(5),o=i(6);i(7),angular.module("cp-multi-selector").directive("cpMultiSelector",["$timeout","$compile",function(e,t){return{restrict:"E",scope:{source:"=",selectedItems:"=",template:"=",placeholder:"@",onChange:"&",icon:"@",customIconTemplate:"=",dontShowPill:"@",footerAction:"=",removable:"@"},template:l,link:function(i,l,c){function s(){if(i.customIconTemplate){var e=t(i.customIconTemplate)(i.$parent);l.find(".cp-multi-selector__custom__icon__template").html(e),t(l.find(".cp-multi-selector__custom__icon__template").contents())(i)}else l.find(".cp-multi-selector__custom__icon__template").html("")}function r(){var t=l[0].getBoundingClientRect().left,n=$(window).width();t+298>=n&&(i.dialogStyle.right=0),e(function(){i.$apply(function(){var e=l.height();i.dialogStyle.top=e+1+"px"})},100,!1)}function p(){e(function(){i.$apply(function(){i.onChange()})},null,!1)}var a=n.has(c,"single"),m=n.uniqueId();i.dialogStyle={},i.showDialog=!1,i.highlightedIndex=null,e(s,200),i.$watch("customIconTemplate",s),i.displayDialog=function(){if(i.showDialog=!0,setTimeout(function(){l.find(".cp-multi-selector__dialog__input").focus()},100),i.footerAction){var e=t(i.footerAction)(i.$parent);l.find(".cp-multi-selector__footer").html(e),t(l.find("cp-multi-selector__footer").contents())(i)}r()},i.$watch("template",function(e){i.itemTemplate=e||o}),i.$watch("userInput",function(){i.highlightedIndex=null}),i.selectItem=function(e){return a?(i.selectedItems=[e],p(),i.showDialog=!1):(n.find(i.selectedItems,e)?i.removeItem(e):i.selectedItems?i.selectedItems.push(e):i.selectedItems=[e],r(),void p())},i.removeItem=function(e){i.selectedItems=n.without(i.selectedItems,e),p()},i.isSelected=function(e){return!!n.find(i.selectedItems,e)},i.keyDown=function(e){var t=e.which;40===t?n.isNull(i.highlightedIndex)?i.highlightedIndex=0:i.highlightedIndex<i.filteredItems.length-1&&(i.highlightedIndex=i.highlightedIndex+1):38===t?i.highlightedIndex?i.highlightedIndex>0&&(i.highlightedIndex=i.highlightedIndex-1):i.highlightedIndex=0:13===t?n.isNull(i.highlightedIndex)||i.selectItem(i.filteredItems[i.highlightedIndex]):27===t&&(i.showDialog=!1)},$("body").on("click.cpmultiselector"+m,function(e){$(e.target).closest(l).length||i.$apply(function(){i.showDialog=!1})}),i.$on("$destroy",function(){$("body").off("click.cpmultiselector"+m)})}}}]),angular.module("cp-multi-selector").directive("cpMultiSelectorItem",["$compile",function(e){return{restrict:"E",scope:{template:"="},link:function(t,i,n){var l;t.$watch("template",function(n){n&&(l&&l.remove(),l=e(t.template)(t.$parent),i.append(l))})}}}])},function(e,t){e.exports=_},function(e,t){e.exports='<div class=cp-multi-selector ng-if=!icon><input type=input class=cp-multi-selector__hidden-input ng-focus=displayDialog()><div ng-click=displayDialog() type=text class="cp-multi-selector__main-input cps-form-control"><div class="cp-multi-selector__pill cps-white cps-bg-gray-10" ng-repeat="item in selectedItems">{{item.first_name}} {{item.last_name}}<i ng-click=removeItem(item) class="cps-icon cps-icon-sm-close"></i></div></div></div><div ng-if=icon class=cp-multi-selector__icon><div ng-if=!dontShowPill class="cp-multi-selector__pill +inline cps-white cps-bg-gray-10" ng-repeat="item in selectedItems"><span style="vertical-align: top">{{item.first_name}} {{item.last_name}}</span> <i ng-click=removeItem(item) class="cps-icon cps-icon-sm-close"></i></div><div class=cps-btn-icon ng-click=displayDialog()><a href="" class=cps-link><span ng-if=!customIconTemplate class="cps-icon {{icon}}"></span><div class=cp-multi-selector__custom__icon__template></div></a></div></div><div class="cp-multi-selector__dialog depth-z2" ng-show=showDialog ng-style=dialogStyle><input ng-keydown=keyDown($event) class="cps-form-control cp-multi-selector__dialog__input" ng-model=userInput placeholder={{placeholder}}><div class=cp-multi-selector__dialog__items><cp-multi-selector-item ng-class="{\'+selected\': isSelected(item), \'+highlighted\': ($index === highlightedIndex) }" ng-click=selectItem(item) ng-repeat="item in filteredItems = (source | filter:userInput | limitTo:4)" template=itemTemplate></cp-multi-selector-item></div><div class=cp-multi-selector__footer></div></div>'},function(e,t){e.exports='<div class="cp-multi-selector-item__icon cps-bg-medium-gray cps-gray-5"><span ng-if=item.initials>{{ item.initials }}</span> <span ng-if=!item.initials>{{item.first_name[0]}}{{item.last_name[0]}}</span></div><div class=cp-multi-selector-item__title><span ng-if=item.name>{{ item.name }}</span> <span ng-if=!item.name>{{item.first_name}} {{item.last_name}}</span></div><div class=cp-multi-selector-item__check ng-class="{ \'cp-multi-selector-item__check--move-up\': removable }"><i ng-if=!removable class="cps-icon cps-icon-lg-check cps-info"></i> <i ng-if=removable ng-click="$event.stopPropagation(); removeItem(item);" class="cps-icon cps-icon-close"></i></div>'},function(e,t,i){var n=i(8);"string"==typeof n&&(n=[[e.id,n,""]]);i(10)(n,{})},function(e,t,i){t=e.exports=i(9)(),t.push([e.id,"cp-multi-selector{display:inline-block;position:relative;font-size:1.4rem}.cp-multi-selector{width:340px;z-index:1}.cp-multi-selector__hidden-input{position:absolute}.cp-multi-selector__dialog{background:#fff;padding:16px 16px 8px;position:absolute;top:33px;min-width:298px;width:auto;border-radius:2px}.cp-multi-selector__dialog__items{margin:16px -16px 8px}cp-multi-selector-item{display:block;height:40px;position:relative;padding-top:6px;cursor:pointer;padding-left:16px;padding-right:16px}cp-multi-selector-item:hover,cp-multi-selector-item.\\+highlighted{background-color:#F7F7F7}cp-multi-selector-item.\\+selected .cp-multi-selector-item__icon{background-color:#45A8F8!important}cp-multi-selector-item.\\+selected .cp-multi-selector-item__check{visibility:visible}.cp-multi-selector-item__icon{display:inline-block;vertical-align:middle;height:28px;width:28px;text-align:center;font-weight:600;padding-top:.4rem;border-radius:2px}.cp-multi-selector-item__icon *{opacity:.75}.cp-multi-selector-item__title{display:inline-block;position:absolute;left:56px;top:12px}.cp-multi-selector-item__check{display:inline-block;visibility:hidden;float:right;font-size:2.6rem;position:relative;right:.2rem}.cp-multi-selector-item__check:hover{background-color:#E9E9E9}.cp-multi-selector-item__check--move-up{margin-top:-.5rem}.cp-multi-selector__main-input.cps-form-control{position:relative;z-index:2;padding:2px 2px 0;min-height:32px;height:auto}.cp-multi-selector__pill{display:inline-block;padding:2px 8px;margin-right:5px;height:25px;margin-bottom:3px;vertical-align:top}.cp-multi-selector__pill.\\+inline{position:relative;top:3px}.cp-multi-selector__pill .cps-icon{position:relative;top:-2px;right:-4px;cursor:pointer}.cp-multi-selector__icon{position:relative}",""])},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var i=this[t];i[2]?e.push("@media "+i[2]+"{"+i[1]+"}"):e.push(i[1])}return e.join("")},e}},function(e,t,i){function n(e,t){for(var i=0;i<e.length;i++){var n=e[i],l=a[n.id];if(l){l.refs++;for(var o=0;o<l.parts.length;o++)l.parts[o](n.parts[o]);for(;o<n.parts.length;o++)l.parts.push(c(n.parts[o],t))}else{for(var s=[],o=0;o<n.parts.length;o++)s.push(c(n.parts[o],t));a[n.id]={id:n.id,refs:1,parts:s}}}}function l(e){for(var t=[],i={},n=0;n<e.length;n++){var l=e[n],o=l[0],c=l[1],s=l[2],r=l[3],p={css:c,media:s,sourceMap:r};i[o]?i[o].parts.push(p):t.push(i[o]={id:o,parts:[p]})}return t}function o(){var e=document.createElement("style"),t=u();return e.type="text/css",t.appendChild(e),e}function c(e,t){var i,n,l;if(t.singleton){var c=g++;i=h||(h=o()),n=r.bind(null,i,c,!1),l=r.bind(null,i,c,!0)}else i=o(),n=p.bind(null,i),l=function(){i.parentNode.removeChild(i)};return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else l()}}function s(e,t,i){var n=["/** >>"+t+" **/","/** "+t+"<< **/"],l=e.lastIndexOf(n[0]),o=i?n[0]+i+n[1]:"";if(e.lastIndexOf(n[0])>=0){var c=e.lastIndexOf(n[1])+n[1].length;return e.slice(0,l)+o+e.slice(c)}return e+o}function r(e,t,i,n){var l=i?"":n.css;if(e.styleSheet)e.styleSheet.cssText=s(e.styleSheet.cssText,t,l);else{var o=document.createTextNode(l),c=e.childNodes;c[t]&&e.removeChild(c[t]),c.length?e.insertBefore(o,c[t]):e.appendChild(o)}}function p(e,t){var i=t.css,n=t.media,l=t.sourceMap;if(l&&"function"==typeof btoa)try{i+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(JSON.stringify(l))+" */",i='@import url("data:text/css;base64,'+btoa(i)+'")'}catch(o){}if(n&&e.setAttribute("media",n),e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}var a={},m=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},d=m(function(){return/msie 9\b/.test(window.navigator.userAgent.toLowerCase())}),u=m(function(){return document.head||document.getElementsByTagName("head")[0]}),h=null,g=0;e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=d());var i=l(e);return n(i,t),function(e){for(var o=[],c=0;c<i.length;c++){var s=i[c],r=a[s.id];r.refs--,o.push(r)}if(e){var p=l(e);n(p,t)}for(var c=0;c<o.length;c++){var r=o[c];if(0===r.refs){for(var m=0;m<r.parts.length;m++)r.parts[m]();delete a[r.id]}}}}}]);

package.json

 {
   "name": "cp-multi-selector",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "Component Description",
@@ -44,3 +44,6 @@ "main": "build/cp-multi-selector.js",
     "canopy-styleguide": "^1.1.0"
+  },
+  "publishConfig": {
+    "registry": "http://registry.npmjs.org"
   }
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

47323

increased by0.81%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes