npm - @aquera/nile-elements - Versions diffs - 0.0.1-beta.1 - Mend

@aquera/nile-elements 0.0.1-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2478) hide show

package/dist/nile-button/index.esm.js ADDED Viewed

@@ -0,0 +1 @@

+ import"./nile-button.esm.js";import"tslib";import"../nile-icon/index.esm.js";import"lit";import"lit/decorators.js";import"lit/directives/class-map.js";import"lit/directives/unsafe-svg.js";import"lit/directives/unsafe-html.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/access-review.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/actionworkflow.esm.js";import"../nile-icon/icons/svg/agents.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/application.esm.js";import"../nile-icon/icons/svg/approve.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowleft.esm.js";import"../nile-icon/icons/svg/arrowright.esm.js";import"../nile-icon/icons/svg/arrowup.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/bell.esm.js";import"../nile-icon/icons/svg/boolean.esm.js";import"../nile-icon/icons/svg/bulk-sync.esm.js";import"../nile-icon/icons/svg/button-loading-black.esm.js";import"../nile-icon/icons/svg/button-loading-blue.esm.js";import"../nile-icon/icons/svg/button-loading-white.esm.js";import"../nile-icon/icons/svg/calendar.esm.js";import"../nile-icon/icons/svg/caution.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/collapse-1.esm.js";import"../nile-icon/icons/svg/collapse.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/connect.esm.js";import"../nile-icon/icons/svg/copy.esm.js";import"../nile-icon/icons/svg/correlation.esm.js";import"../nile-icon/icons/svg/dashboard.esm.js";import"../nile-icon/icons/svg/database.esm.js";import"../nile-icon/icons/svg/databaseview.esm.js";import"../nile-icon/icons/svg/default-1.esm.js";import"../nile-icon/icons/svg/default.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/document.esm.js";import"../nile-icon/icons/svg/done.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/draglist.esm.js";import"../nile-icon/icons/svg/enable.esm.js";import"../nile-icon/icons/svg/entitlement.esm.js";import"../nile-icon/icons/svg/error.esm.js";import"../nile-icon/icons/svg/escalate.esm.js";import"../nile-icon/icons/svg/event.esm.js";import"../nile-icon/icons/svg/exactmatch.esm.js";import"../nile-icon/icons/svg/expand-1.esm.js";import"../nile-icon/icons/svg/expand.esm.js";import"../nile-icon/icons/svg/eye.esm.js";import"../nile-icon/icons/svg/eyeclosed.esm.js";import"../nile-icon/icons/svg/filter.esm.js";import"../nile-icon/icons/svg/firewall.esm.js";import"../nile-icon/icons/svg/flow-h.esm.js";import"../nile-icon/icons/svg/flow.esm.js";import"../nile-icon/icons/svg/flowmap.esm.js";import"../nile-icon/icons/svg/folder.esm.js";import"../nile-icon/icons/svg/frequency.esm.js";import"../nile-icon/icons/svg/fullscreen.esm.js";import"../nile-icon/icons/svg/fullscreenshrink.esm.js";import"../nile-icon/icons/svg/generation-phase.esm.js";import"../nile-icon/icons/svg/global-search.esm.js";import"../nile-icon/icons/svg/goto.esm.js";import"../nile-icon/icons/svg/groupby.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/helpsupport.esm.js";import"../nile-icon/icons/svg/help-1.esm.js";import"../nile-icon/icons/svg/help.esm.js";import"../nile-icon/icons/svg/history.esm.js";import"../nile-icon/icons/svg/identityledger.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/info2.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/link.esm.js";import"../nile-icon/icons/svg/loader.esm.js";import"../nile-icon/icons/svg/loading.esm.js";import"../nile-icon/icons/svg/loading2.esm.js";import"../nile-icon/icons/svg/lock.esm.js";import"../nile-icon/icons/svg/logs.esm.js";import"../nile-icon/icons/svg/manage.esm.js";import"../nile-icon/icons/svg/map.esm.js";import"../nile-icon/icons/svg/mapcreate.esm.js";import"../nile-icon/icons/svg/mapdont.esm.js";import"../nile-icon/icons/svg/mapupdate.esm.js";import"../nile-icon/icons/svg/maximize.esm.js";import"../nile-icon/icons/svg/minus.esm.js";import"../nile-icon/icons/svg/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/not.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/null.esm.js";import"../nile-icon/icons/svg/number.esm.js";import"../nile-icon/icons/svg/options.esm.js";import"../nile-icon/icons/svg/orchestration.esm.js";import"../nile-icon/icons/svg/partner.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/people-task.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/privilage.esm.js";import"../nile-icon/icons/svg/radio.esm.js";import"../nile-icon/icons/svg/radioactive.esm.js";import"../nile-icon/icons/svg/radiodone.esm.js";import"../nile-icon/icons/svg/readexpression.esm.js";import"../nile-icon/icons/svg/readonly.esm.js";import"../nile-icon/icons/svg/redo.esm.js";import"../nile-icon/icons/svg/refresh.esm.js";import"../nile-icon/icons/svg/reminder.esm.js";import"../nile-icon/icons/svg/resource.esm.js";import"../nile-icon/icons/svg/revokation-cycle.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search.esm.js";import"../nile-icon/icons/svg/select.esm.js";import"../nile-icon/icons/svg/selectapplication.esm.js";import"../nile-icon/icons/svg/selectattributes.esm.js";import"../nile-icon/icons/svg/selectuser.esm.js";import"../nile-icon/icons/svg/send.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/stop.esm.js";import"../nile-icon/icons/svg/string.esm.js";import"../nile-icon/icons/svg/sync.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/tick.esm.js";import"../nile-icon/icons/svg/timeupdate.esm.js";import"../nile-icon/icons/svg/timezone.esm.js";import"../nile-icon/icons/svg/trash.esm.js";import"../nile-icon/icons/svg/undo-1.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/upgrade.esm.js";import"../nile-icon/icons/svg/upload.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove-1.esm.js";import"../nile-icon/icons/svg/userremove-2.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/userupdate.esm.js";import"../nile-icon/icons/svg/users.esm.js";import"../nile-icon/icons/svg/validationexpression.esm.js";import"../nile-icon/icons/svg/variable-new-1.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable-global.esm.js";import"../nile-icon/icons/svg/variable-local-1.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/globe.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/storybook.esm.js";import"../nile-icon/icons/svg/swap.esm.js";import"../internal/form.esm.js";import"../internal/slot.esm.js";import"lit/static-html.js";import"lit/directives/if-defined.js";import"../internal/watch.esm.js";import"./nile-button.css.esm.js";import"../index-f1b94546.esm.js";import"../internal/nile-element.esm.js";

package/dist/nile-button/nile-button.cjs.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ System.register(["tslib","../nile-icon/index.cjs.js","lit/directives/class-map.js","lit/decorators.js","../internal/form.cjs.js","../internal/slot.cjs.js","lit/static-html.js","lit/directives/if-defined.js","../internal/watch.cjs.js","./nile-button.css.cjs.js","../internal/nile-element.cjs.js","lit","lit/directives/unsafe-svg.js","lit/directives/unsafe-html.js","../nile-icon/icons/svg/index.cjs.js","../nile-icon/icons/svg/access-review.cjs.js","../nile-icon/icons/svg/action.cjs.js","../nile-icon/icons/svg/actionworkflow.cjs.js","../nile-icon/icons/svg/agents.cjs.js","../nile-icon/icons/svg/aggregation.cjs.js","../nile-icon/icons/svg/allsearch.cjs.js","../nile-icon/icons/svg/application.cjs.js","../nile-icon/icons/svg/approve.cjs.js","../nile-icon/icons/svg/arrowdown.cjs.js","../nile-icon/icons/svg/arrowleft.cjs.js","../nile-icon/icons/svg/arrowright.cjs.js","../nile-icon/icons/svg/arrowup.cjs.js","../nile-icon/icons/svg/attributemap.cjs.js","../nile-icon/icons/svg/bell.cjs.js","../nile-icon/icons/svg/boolean.cjs.js","../nile-icon/icons/svg/bulk-sync.cjs.js","../nile-icon/icons/svg/button-loading-black.cjs.js","../nile-icon/icons/svg/button-loading-blue.cjs.js","../nile-icon/icons/svg/button-loading-white.cjs.js","../nile-icon/icons/svg/calendar.cjs.js","../nile-icon/icons/svg/caution.cjs.js","../nile-icon/icons/svg/close.cjs.js","../nile-icon/icons/svg/collapse-1.cjs.js","../nile-icon/icons/svg/collapse.cjs.js","../nile-icon/icons/svg/compact.cjs.js","../nile-icon/icons/svg/compare-tiles.cjs.js","../nile-icon/icons/svg/component-menu.cjs.js","../nile-icon/icons/svg/connect.cjs.js","../nile-icon/icons/svg/copy.cjs.js","../nile-icon/icons/svg/correlation.cjs.js","../nile-icon/icons/svg/dashboard.cjs.js","../nile-icon/icons/svg/database.cjs.js","../nile-icon/icons/svg/databaseview.cjs.js","../nile-icon/icons/svg/default-1.cjs.js","../nile-icon/icons/svg/default.cjs.js","../nile-icon/icons/svg/directory.cjs.js","../nile-icon/icons/svg/disabled.cjs.js","../nile-icon/icons/svg/document.cjs.js","../nile-icon/icons/svg/done.cjs.js","../nile-icon/icons/svg/download.cjs.js","../nile-icon/icons/svg/drag.cjs.js","../nile-icon/icons/svg/draglist.cjs.js","../nile-icon/icons/svg/enable.cjs.js","../nile-icon/icons/svg/entitlement.cjs.js","../nile-icon/icons/svg/error.cjs.js","../nile-icon/icons/svg/escalate.cjs.js","../nile-icon/icons/svg/event.cjs.js","../nile-icon/icons/svg/exactmatch.cjs.js","../nile-icon/icons/svg/expand-1.cjs.js","../nile-icon/icons/svg/expand.cjs.js","../nile-icon/icons/svg/eye.cjs.js","../nile-icon/icons/svg/eyeclosed.cjs.js","../nile-icon/icons/svg/filter.cjs.js","../nile-icon/icons/svg/firewall.cjs.js","../nile-icon/icons/svg/flow-h.cjs.js","../nile-icon/icons/svg/flow.cjs.js","../nile-icon/icons/svg/flowmap.cjs.js","../nile-icon/icons/svg/folder.cjs.js","../nile-icon/icons/svg/frequency.cjs.js","../nile-icon/icons/svg/fullscreen.cjs.js","../nile-icon/icons/svg/fullscreenshrink.cjs.js","../nile-icon/icons/svg/generation-phase.cjs.js","../nile-icon/icons/svg/global-search.cjs.js","../nile-icon/icons/svg/goto.cjs.js","../nile-icon/icons/svg/groupby.cjs.js","../nile-icon/icons/svg/guide.cjs.js","../nile-icon/icons/svg/helpsupport.cjs.js","../nile-icon/icons/svg/help-1.cjs.js","../nile-icon/icons/svg/help.cjs.js","../nile-icon/icons/svg/history.cjs.js","../nile-icon/icons/svg/identityledger.cjs.js","../nile-icon/icons/svg/ifelse.cjs.js","../nile-icon/icons/svg/image.cjs.js","../nile-icon/icons/svg/info.cjs.js","../nile-icon/icons/svg/info2.cjs.js","../nile-icon/icons/svg/js.cjs.js","../nile-icon/icons/svg/link.cjs.js","../nile-icon/icons/svg/loader.cjs.js","../nile-icon/icons/svg/loading.cjs.js","../nile-icon/icons/svg/loading2.cjs.js","../nile-icon/icons/svg/lock.cjs.js","../nile-icon/icons/svg/logs.cjs.js","../nile-icon/icons/svg/manage.cjs.js","../nile-icon/icons/svg/map.cjs.js","../nile-icon/icons/svg/mapcreate.cjs.js","../nile-icon/icons/svg/mapdont.cjs.js","../nile-icon/icons/svg/mapupdate.cjs.js","../nile-icon/icons/svg/maximize.cjs.js","../nile-icon/icons/svg/minus.cjs.js","../nile-icon/icons/svg/moveleft.cjs.js","../nile-icon/icons/svg/moveright.cjs.js","../nile-icon/icons/svg/mute.cjs.js","../nile-icon/icons/svg/nomatch.cjs.js","../nile-icon/icons/svg/not.cjs.js","../nile-icon/icons/svg/note.cjs.js","../nile-icon/icons/svg/notificationadd.cjs.js","../nile-icon/icons/svg/notificationadded.cjs.js","../nile-icon/icons/svg/null.cjs.js","../nile-icon/icons/svg/number.cjs.js","../nile-icon/icons/svg/options.cjs.js","../nile-icon/icons/svg/orchestration.cjs.js","../nile-icon/icons/svg/partner.cjs.js","../nile-icon/icons/svg/pencil.cjs.js","../nile-icon/icons/svg/people-task.cjs.js","../nile-icon/icons/svg/pin.cjs.js","../nile-icon/icons/svg/plus.cjs.js","../nile-icon/icons/svg/potentialmatch.cjs.js","../nile-icon/icons/svg/poweron.cjs.js","../nile-icon/icons/svg/privilage.cjs.js","../nile-icon/icons/svg/radio.cjs.js","../nile-icon/icons/svg/radioactive.cjs.js","../nile-icon/icons/svg/radiodone.cjs.js","../nile-icon/icons/svg/readexpression.cjs.js","../nile-icon/icons/svg/readonly.cjs.js","../nile-icon/icons/svg/redo.cjs.js","../nile-icon/icons/svg/refresh.cjs.js","../nile-icon/icons/svg/reminder.cjs.js","../nile-icon/icons/svg/resource.cjs.js","../nile-icon/icons/svg/revokation-cycle.cjs.js","../nile-icon/icons/svg/role.cjs.js","../nile-icon/icons/svg/run.cjs.js","../nile-icon/icons/svg/save.cjs.js","../nile-icon/icons/svg/schedule.cjs.js","../nile-icon/icons/svg/script.cjs.js","../nile-icon/icons/svg/search.cjs.js","../nile-icon/icons/svg/select.cjs.js","../nile-icon/icons/svg/selectapplication.cjs.js","../nile-icon/icons/svg/selectattributes.cjs.js","../nile-icon/icons/svg/selectuser.cjs.js","../nile-icon/icons/svg/send.cjs.js","../nile-icon/icons/svg/settings.cjs.js","../nile-icon/icons/svg/sort.cjs.js","../nile-icon/icons/svg/stop.cjs.js","../nile-icon/icons/svg/string.cjs.js","../nile-icon/icons/svg/sync.cjs.js","../nile-icon/icons/svg/test.cjs.js","../nile-icon/icons/svg/textarea-expander.cjs.js","../nile-icon/icons/svg/tick.cjs.js","../nile-icon/icons/svg/timeupdate.cjs.js","../nile-icon/icons/svg/timezone.cjs.js","../nile-icon/icons/svg/trash.cjs.js","../nile-icon/icons/svg/undo-1.cjs.js","../nile-icon/icons/svg/undo.cjs.js","../nile-icon/icons/svg/unmute.cjs.js","../nile-icon/icons/svg/upgrade.cjs.js","../nile-icon/icons/svg/upload.cjs.js","../nile-icon/icons/svg/user-group.cjs.js","../nile-icon/icons/svg/user.cjs.js","../nile-icon/icons/svg/useractive.cjs.js","../nile-icon/icons/svg/useradd.cjs.js","../nile-icon/icons/svg/useraddgroup.cjs.js","../nile-icon/icons/svg/userfind.cjs.js","../nile-icon/icons/svg/userimport.cjs.js","../nile-icon/icons/svg/userimportgroup.cjs.js","../nile-icon/icons/svg/usermixed.cjs.js","../nile-icon/icons/svg/userremove-1.cjs.js","../nile-icon/icons/svg/userremove-2.cjs.js","../nile-icon/icons/svg/userremove.cjs.js","../nile-icon/icons/svg/userremovegroup.cjs.js","../nile-icon/icons/svg/userupdate.cjs.js","../nile-icon/icons/svg/users.cjs.js","../nile-icon/icons/svg/validationexpression.cjs.js","../nile-icon/icons/svg/variable-new-1.cjs.js","../nile-icon/icons/svg/variable-new.cjs.js","../nile-icon/icons/svg/variable-global.cjs.js","../nile-icon/icons/svg/variable-local-1.cjs.js","../nile-icon/icons/svg/variable-local.cjs.js","../nile-icon/icons/svg/variable.cjs.js","../nile-icon/icons/svg/video.cjs.js","../nile-icon/icons/svg/warning.cjs.js","../nile-icon/icons/svg/whileloop.cjs.js","../nile-icon/icons/svg/workflow.cjs.js","../nile-icon/icons/svg/writeexpression.cjs.js","../nile-icon/icons/svg/back.cjs.js","../nile-icon/icons/svg/downgrade.cjs.js","../nile-icon/icons/svg/globe.cjs.js","../nile-icon/icons/svg/phone.cjs.js","../nile-icon/icons/svg/storybook.cjs.js","../nile-icon/icons/svg/swap.cjs.js","../index-adad7634.cjs.js"],function(_export,_context){"use strict";var i,s,o,n,c,t,e,r,l,j,p,m,a,v,g,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,d;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable\|\|false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"\|\|input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint\|\|"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"\|\|typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"\|\|!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__\|\|Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){i=_tslib.__decorate;},function(_nileIconIndexCjsJs){},function(_litDirectivesClassMapJs){s=_litDirectivesClassMapJs.classMap;},function(_litDecoratorsJs){o=_litDecoratorsJs.query;n=_litDecoratorsJs.state;c=_litDecoratorsJs.property;t=_litDecoratorsJs.customElement;},function(_internalFormCjsJs){e=_internalFormCjsJs.F;r=_internalFormCjsJs.v;},function(_internalSlotCjsJs){l=_internalSlotCjsJs.H;},function(_litStaticHtmlJs){j=_litStaticHtmlJs.literal;p=_litStaticHtmlJs.html;},function(_litDirectivesIfDefinedJs){m=_litDirectivesIfDefinedJs.ifDefined;},function(_internalWatchCjsJs){a=_internalWatchCjsJs.w;},function(_nileButtonCssCjsJs){v=_nileButtonCssCjsJs.s;},function(_internalNileElementCjsJs){g=_internalNileElementCjsJs.N;},function(_lit){},function(_litDirectivesUnsafeSvgJs){},function(_litDirectivesUnsafeHtmlJs){},function(_nileIconIconsSvgIndexCjsJs){},function(_nileIconIconsSvgAccessReviewCjsJs){},function(_nileIconIconsSvgActionCjsJs){},function(_nileIconIconsSvgActionworkflowCjsJs){},function(_nileIconIconsSvgAgentsCjsJs){},function(_nileIconIconsSvgAggregationCjsJs){},function(_nileIconIconsSvgAllsearchCjsJs){},function(_nileIconIconsSvgApplicationCjsJs){},function(_nileIconIconsSvgApproveCjsJs){},function(_nileIconIconsSvgArrowdownCjsJs){},function(_nileIconIconsSvgArrowleftCjsJs){},function(_nileIconIconsSvgArrowrightCjsJs){},function(_nileIconIconsSvgArrowupCjsJs){},function(_nileIconIconsSvgAttributemapCjsJs){},function(_nileIconIconsSvgBellCjsJs){},function(_nileIconIconsSvgBooleanCjsJs){},function(_nileIconIconsSvgBulkSyncCjsJs){},function(_nileIconIconsSvgButtonLoadingBlackCjsJs){},function(_nileIconIconsSvgButtonLoadingBlueCjsJs){},function(_nileIconIconsSvgButtonLoadingWhiteCjsJs){},function(_nileIconIconsSvgCalendarCjsJs){},function(_nileIconIconsSvgCautionCjsJs){},function(_nileIconIconsSvgCloseCjsJs){},function(_nileIconIconsSvgCollapse1CjsJs){},function(_nileIconIconsSvgCollapseCjsJs){},function(_nileIconIconsSvgCompactCjsJs){},function(_nileIconIconsSvgCompareTilesCjsJs){},function(_nileIconIconsSvgComponentMenuCjsJs){},function(_nileIconIconsSvgConnectCjsJs){},function(_nileIconIconsSvgCopyCjsJs){},function(_nileIconIconsSvgCorrelationCjsJs){},function(_nileIconIconsSvgDashboardCjsJs){},function(_nileIconIconsSvgDatabaseCjsJs){},function(_nileIconIconsSvgDatabaseviewCjsJs){},function(_nileIconIconsSvgDefault1CjsJs){},function(_nileIconIconsSvgDefaultCjsJs){},function(_nileIconIconsSvgDirectoryCjsJs){},function(_nileIconIconsSvgDisabledCjsJs){},function(_nileIconIconsSvgDocumentCjsJs){},function(_nileIconIconsSvgDoneCjsJs){},function(_nileIconIconsSvgDownloadCjsJs){},function(_nileIconIconsSvgDragCjsJs){},function(_nileIconIconsSvgDraglistCjsJs){},function(_nileIconIconsSvgEnableCjsJs){},function(_nileIconIconsSvgEntitlementCjsJs){},function(_nileIconIconsSvgErrorCjsJs){},function(_nileIconIconsSvgEscalateCjsJs){},function(_nileIconIconsSvgEventCjsJs){},function(_nileIconIconsSvgExactmatchCjsJs){},function(_nileIconIconsSvgExpand1CjsJs){},function(_nileIconIconsSvgExpandCjsJs){},function(_nileIconIconsSvgEyeCjsJs){},function(_nileIconIconsSvgEyeclosedCjsJs){},function(_nileIconIconsSvgFilterCjsJs){},function(_nileIconIconsSvgFirewallCjsJs){},function(_nileIconIconsSvgFlowHCjsJs){},function(_nileIconIconsSvgFlowCjsJs){},function(_nileIconIconsSvgFlowmapCjsJs){},function(_nileIconIconsSvgFolderCjsJs){},function(_nileIconIconsSvgFrequencyCjsJs){},function(_nileIconIconsSvgFullscreenCjsJs){},function(_nileIconIconsSvgFullscreenshrinkCjsJs){},function(_nileIconIconsSvgGenerationPhaseCjsJs){},function(_nileIconIconsSvgGlobalSearchCjsJs){},function(_nileIconIconsSvgGotoCjsJs){},function(_nileIconIconsSvgGroupbyCjsJs){},function(_nileIconIconsSvgGuideCjsJs){},function(_nileIconIconsSvgHelpsupportCjsJs){},function(_nileIconIconsSvgHelp1CjsJs){},function(_nileIconIconsSvgHelpCjsJs){},function(_nileIconIconsSvgHistoryCjsJs){},function(_nileIconIconsSvgIdentityledgerCjsJs){},function(_nileIconIconsSvgIfelseCjsJs){},function(_nileIconIconsSvgImageCjsJs){},function(_nileIconIconsSvgInfoCjsJs){},function(_nileIconIconsSvgInfo2CjsJs){},function(_nileIconIconsSvgJsCjsJs){},function(_nileIconIconsSvgLinkCjsJs){},function(_nileIconIconsSvgLoaderCjsJs){},function(_nileIconIconsSvgLoadingCjsJs){},function(_nileIconIconsSvgLoading2CjsJs){},function(_nileIconIconsSvgLockCjsJs){},function(_nileIconIconsSvgLogsCjsJs){},function(_nileIconIconsSvgManageCjsJs){},function(_nileIconIconsSvgMapCjsJs){},function(_nileIconIconsSvgMapcreateCjsJs){},function(_nileIconIconsSvgMapdontCjsJs){},function(_nileIconIconsSvgMapupdateCjsJs){},function(_nileIconIconsSvgMaximizeCjsJs){},function(_nileIconIconsSvgMinusCjsJs){},function(_nileIconIconsSvgMoveleftCjsJs){},function(_nileIconIconsSvgMoverightCjsJs){},function(_nileIconIconsSvgMuteCjsJs){},function(_nileIconIconsSvgNomatchCjsJs){},function(_nileIconIconsSvgNotCjsJs){},function(_nileIconIconsSvgNoteCjsJs){},function(_nileIconIconsSvgNotificationaddCjsJs){},function(_nileIconIconsSvgNotificationaddedCjsJs){},function(_nileIconIconsSvgNullCjsJs){},function(_nileIconIconsSvgNumberCjsJs){},function(_nileIconIconsSvgOptionsCjsJs){},function(_nileIconIconsSvgOrchestrationCjsJs){},function(_nileIconIconsSvgPartnerCjsJs){},function(_nileIconIconsSvgPencilCjsJs){},function(_nileIconIconsSvgPeopleTaskCjsJs){},function(_nileIconIconsSvgPinCjsJs){},function(_nileIconIconsSvgPlusCjsJs){},function(_nileIconIconsSvgPotentialmatchCjsJs){},function(_nileIconIconsSvgPoweronCjsJs){},function(_nileIconIconsSvgPrivilageCjsJs){},function(_nileIconIconsSvgRadioCjsJs){},function(_nileIconIconsSvgRadioactiveCjsJs){},function(_nileIconIconsSvgRadiodoneCjsJs){},function(_nileIconIconsSvgReadexpressionCjsJs){},function(_nileIconIconsSvgReadonlyCjsJs){},function(_nileIconIconsSvgRedoCjsJs){},function(_nileIconIconsSvgRefreshCjsJs){},function(_nileIconIconsSvgReminderCjsJs){},function(_nileIconIconsSvgResourceCjsJs){},function(_nileIconIconsSvgRevokationCycleCjsJs){},function(_nileIconIconsSvgRoleCjsJs){},function(_nileIconIconsSvgRunCjsJs){},function(_nileIconIconsSvgSaveCjsJs){},function(_nileIconIconsSvgScheduleCjsJs){},function(_nileIconIconsSvgScriptCjsJs){},function(_nileIconIconsSvgSearchCjsJs){},function(_nileIconIconsSvgSelectCjsJs){},function(_nileIconIconsSvgSelectapplicationCjsJs){},function(_nileIconIconsSvgSelectattributesCjsJs){},function(_nileIconIconsSvgSelectuserCjsJs){},function(_nileIconIconsSvgSendCjsJs){},function(_nileIconIconsSvgSettingsCjsJs){},function(_nileIconIconsSvgSortCjsJs){},function(_nileIconIconsSvgStopCjsJs){},function(_nileIconIconsSvgStringCjsJs){},function(_nileIconIconsSvgSyncCjsJs){},function(_nileIconIconsSvgTestCjsJs){},function(_nileIconIconsSvgTextareaExpanderCjsJs){},function(_nileIconIconsSvgTickCjsJs){},function(_nileIconIconsSvgTimeupdateCjsJs){},function(_nileIconIconsSvgTimezoneCjsJs){},function(_nileIconIconsSvgTrashCjsJs){},function(_nileIconIconsSvgUndo1CjsJs){},function(_nileIconIconsSvgUndoCjsJs){},function(_nileIconIconsSvgUnmuteCjsJs){},function(_nileIconIconsSvgUpgradeCjsJs){},function(_nileIconIconsSvgUploadCjsJs){},function(_nileIconIconsSvgUserGroupCjsJs){},function(_nileIconIconsSvgUserCjsJs){},function(_nileIconIconsSvgUseractiveCjsJs){},function(_nileIconIconsSvgUseraddCjsJs){},function(_nileIconIconsSvgUseraddgroupCjsJs){},function(_nileIconIconsSvgUserfindCjsJs){},function(_nileIconIconsSvgUserimportCjsJs){},function(_nileIconIconsSvgUserimportgroupCjsJs){},function(_nileIconIconsSvgUsermixedCjsJs){},function(_nileIconIconsSvgUserremove1CjsJs){},function(_nileIconIconsSvgUserremove2CjsJs){},function(_nileIconIconsSvgUserremoveCjsJs){},function(_nileIconIconsSvgUserremovegroupCjsJs){},function(_nileIconIconsSvgUserupdateCjsJs){},function(_nileIconIconsSvgUsersCjsJs){},function(_nileIconIconsSvgValidationexpressionCjsJs){},function(_nileIconIconsSvgVariableNew1CjsJs){},function(_nileIconIconsSvgVariableNewCjsJs){},function(_nileIconIconsSvgVariableGlobalCjsJs){},function(_nileIconIconsSvgVariableLocal1CjsJs){},function(_nileIconIconsSvgVariableLocalCjsJs){},function(_nileIconIconsSvgVariableCjsJs){},function(_nileIconIconsSvgVideoCjsJs){},function(_nileIconIconsSvgWarningCjsJs){},function(_nileIconIconsSvgWhileloopCjsJs){},function(_nileIconIconsSvgWorkflowCjsJs){},function(_nileIconIconsSvgWriteexpressionCjsJs){},function(_nileIconIconsSvgBackCjsJs){},function(_nileIconIconsSvgDowngradeCjsJs){},function(_nileIconIconsSvgGlobeCjsJs){},function(_nileIconIconsSvgPhoneCjsJs){},function(_nileIconIconsSvgStorybookCjsJs){},function(_nileIconIconsSvgSwapCjsJs){},function(_index001CjsJs){}],execute:function(){d=/#__PURE__/function(_g){_inherits(d,_g);var _super=_createSuper(d);function d(){var _this;_classCallCheck(this,d);_this=_super.apply(this,arguments),_this.formControlController=new e(_assertThisInitialized(_this),{form:function form(i){if(i.hasAttribute("form")){var _s=i.getRootNode(),_o=i.getAttribute("form");return _s.getElementById(_o);}return i.closest("form");},assumeInteractionOn:["click"]}),_this.hasSlotController=new l(_assertThisInitialized(_this),"[default]","prefix","suffix"),_this.hasFocus=!1,_this.invalid=!1,_this.title="",_this.variant="primary",_this.size="medium",_this.caret=!1,_this.disabled=!1,_this.loading=!1,_this.outline=!1,_this.pill=!1,_this.circle=!1,_this.type="button",_this.name="",_this.value="",_this.href="",_this.rel="noreferrer noopener";return _this;}_createClass(d,[{key:"validity",get:function get(){return this.isButton()?this.button.validity:r;}},{key:"validationMessage",get:function get(){return this.isButton()?this.button.validationMessage:"";}},{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(d.prototype),"connectedCallback",this).call(this),this.handleHostClick=this.handleHostClick.bind(this),this.addEventListener("click",this.handleHostClick);}},{key:"disconnectedCallback",value:function disconnectedCallback(){_get(_getPrototypeOf(d.prototype),"disconnectedCallback",this).call(this),this.removeEventListener("click",this.handleHostClick);}},{key:"firstUpdated",value:function firstUpdated(){this.isButton()&&this.formControlController.updateValidity();}},{key:"handleBlur",value:function handleBlur(){this.hasFocus=!1,this.emit("nile-blur");}},{key:"handleFocus",value:function handleFocus(){this.hasFocus=!0,this.emit("nile-focus");}},{key:"handleClick",value:function handleClick(){"submit"===this.type&&this.formControlController.submit(this),"reset"===this.type&&this.formControlController.reset(this);}},{key:"handleHostClick",value:function handleHostClick(i){(this.disabled\|\|this.loading)&&(i.preventDefault(),i.stopImmediatePropagation());}},{key:"handleInvalid",value:function handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i);}},{key:"isButton",value:function isButton(){return!this.href;}},{key:"isLink",value:function isLink(){return!!this.href;}},{key:"handleDisabledChange",value:function handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled);}},{key:"click",value:function click(){this.button.click();}},{key:"focus",value:function focus(i){this.button.focus(i);}},{key:"blur",value:function blur(){this.button.blur();}},{key:"checkValidity",value:function checkValidity(){return!this.isButton()\|\|this.button.checkValidity();}},{key:"getForm",value:function getForm(){return this.formControlController.getForm();}},{key:"reportValidity",value:function reportValidity(){return!this.isButton()\|\|this.button.reportValidity();}},{key:"setCustomValidity",value:function setCustomValidity(i){this.isButton()&&(this.button.setCustomValidity(i),this.formControlController.updateValidity());}},{key:"render",value:function render(){var i=this.isLink(),o=i?j(_templateObject\|\|(_templateObject=_taggedTemplateLiteral(["a"]))):j(_templateObject2\|\|(_templateObject2=_taggedTemplateLiteral(["button"])));return p(_templateObject3\|\|(_templateObject3=_taggedTemplateLiteral(["\n <","\n part=\"base\"\n class=","\n ?disabled=","\n type=","\n title=","\n name=","\n value=","\n href=","\n target=","\n download=","\n rel=","\n role=","\n aria-disabled=","\n tabindex=","\n @blur=","\n @focus=","\n @invalid=","\n @click=","\n >\n <slot name=\"prefix\" part=\"prefix\" class=\"button__prefix\"></slot>\n <slot part=\"label\" class=\"button__label\"></slot>\n <slot name=\"suffix\" part=\"suffix\" class=\"button__suffix\"></slot>\n ","\n ","\n </",">\n "])),o,s({button:!0,"button--primary":"primary"===this.variant,"button--secondary":"secondary"===this.variant,"button--tertiary":"tertiary"===this.variant,"button--caution":"caution"===this.variant,"button--small":"small"===this.size,"button--medium":"medium"===this.size,"button--large":"large"===this.size,"button--caret":this.caret,"button--circle":this.circle,"button--disabled":this.disabled,"button--focused":this.hasFocus,"button--loading":this.loading,"button--standard":!this.outline,"button--outline":this.outline,"button--pill":this.pill,"button--has-label":this.hasSlotController.test("[default]"),"button--has-prefix":this.hasSlotController.test("prefix"),"button--has-suffix":this.hasSlotController.test("suffix")}),m(i?void 0:this.disabled),m(i?void 0:this.type),this.title,m(i?void 0:this.name),m(i?void 0:this.value),m(i?this.href:void 0),m(i?this.target:void 0),m(i?this.download:void 0),m(i?this.rel:void 0),m(i?void 0:"button"),this.disabled?"true":"false",this.disabled?"-1":"0",this.handleBlur,this.handleFocus,this.isButton()?this.handleInvalid:null,this.handleClick,this.caret?p(_templateObject4\|\|(_templateObject4=_taggedTemplateLiteral([" <nile-icon part=\"caret\" class=\"button__caret\" name=\"caret\"></nile-icon> "]))):"",this.loading?p(_templateObject5\|\|(_templateObject5=_taggedTemplateLiteral(["<nile-spinner></nile-spinner>"]))):"",o);}}]);return d;}(g);d.styles=v,i([o(".button")],d.prototype,"button",void 0),i([n()],d.prototype,"hasFocus",void 0),i([n()],d.prototype,"invalid",void 0),i([c()],d.prototype,"title",void 0),i([c({reflect:!0})],d.prototype,"variant",void 0),i([c({reflect:!0})],d.prototype,"size",void 0),i([c({type:Boolean,reflect:!0})],d.prototype,"caret",void 0),i([c({type:Boolean,reflect:!0})],d.prototype,"disabled",void 0),i([c({type:Boolean,reflect:!0})],d.prototype,"loading",void 0),i([c({type:Boolean,reflect:!0})],d.prototype,"outline",void 0),i([c({type:Boolean,reflect:!0})],d.prototype,"pill",void 0),i([c({type:Boolean,reflect:!0})],d.prototype,"circle",void 0),i([c()],d.prototype,"type",void 0),i([c()],d.prototype,"name",void 0),i([c()],d.prototype,"value",void 0),i([c()],d.prototype,"href",void 0),i([c()],d.prototype,"target",void 0),i([c()],d.prototype,"rel",void 0),i([c()],d.prototype,"download",void 0),i([c()],d.prototype,"form",void 0),i([c({attribute:"formaction"})],d.prototype,"formAction",void 0),i([c({attribute:"formenctype"})],d.prototype,"formEnctype",void 0),i([c({attribute:"formmethod"})],d.prototype,"formMethod",void 0),i([c({attribute:"formnovalidate",type:Boolean})],d.prototype,"formNoValidate",void 0),i([c({attribute:"formtarget"})],d.prototype,"formTarget",void 0),i([a("disabled",{waitUntilFirstUpdate:!0})],d.prototype,"handleDisabledChange",null),d=i([t("nile-button")],d);}};});
2	+ //# sourceMappingURL=nile-button.cjs.js.map

package/dist/nile-button/nile-button.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"nile-button.cjs.js","sources":["../../../src/nile-button/nile-button.ts"],"sourcesContent":["import '../nile-icon';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { FormControlController, validValidityState } from '../internal/form';\nimport { HasSlotController } from '../internal/slot';\nimport { html, literal } from 'lit/static-html.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { watch } from '../internal/watch';\nimport { styles } from './nile-button.css';\nimport type { CSSResultGroup } from 'lit';\nimport type { NileFormControl } from '../internal/nile-element';\nimport NileElement from '../internal/nile-element';\n\n/**\n * @summary Buttons represent actions that are available to the user.\n * @status stable\n * @since 2.0\n *\n * @dependency nile-icon\n * @dependency nile-spinner\n *\n * @event nile-blur - Emitted when the button loses focus.\n * @event nile-focus - Emitted when the button gains focus.\n * @event nile-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @slot - The button's label.\n * @slot prefix - A presentational prefix icon or similar element.\n * @slot suffix - A presentational suffix icon or similar element.\n *\n * @csspart base - The component's base wrapper.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart label - The button's label.\n * @csspart suffix - The container that wraps the suffix.\n * @csspart caret - The button's caret icon, an `<nile-icon>` element.\n */\n\n@customElement('nile-button')\nexport class NileButton extends NileElement implements NileFormControl {\n static styles: CSSResultGroup = styles;\n\n private readonly formControlController = new FormControlController(this, {\n form: input => {\n // Buttons support a form attribute that points to an arbitrary form, so if this attribute is set we need to query\n // the form from the same root using its id\n if (input.hasAttribute('form')) {\n const doc = input.getRootNode() as Document | ShadowRoot;\n const formId = input.getAttribute('form')!;\n return doc.getElementById(formId) as HTMLFormElement;\n }\n\n // Fall back to the closest containing form\n return input.closest('form');\n },\n assumeInteractionOn: ['click']\n });\n private readonly hasSlotController = new HasSlotController(this, '[default]', 'prefix', 'suffix');\n\n @query('.button') button: HTMLButtonElement | HTMLLinkElement;\n\n @state() private hasFocus = false;\n @state() invalid = false;\n @property() title = ''; // make reactive to pass through\n\n /** The button's theme variant. */\n @property({ reflect: true }) variant: 'primary' | 'secondary' | 'tertiary' | 'caution' = 'primary';\n\n /** The button's size. */\n @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n /** Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior. */\n @property({ type: Boolean, reflect: true }) caret = false;\n\n /** Disables the button. */\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /** Draws the button in a loading state. */\n @property({ type: Boolean, reflect: true }) loading = false;\n\n /** Draws an outlined button. */\n @property({ type: Boolean, reflect: true }) outline = false;\n\n /** Draws a pill-style button with rounded edges. */\n @property({ type: Boolean, reflect: true }) pill = false;\n\n /**\n * Draws a circular icon button. When this attribute is present, the button expects a single `<nile-icon>` in the\n * default slot.\n */\n @property({ type: Boolean, reflect: true }) circle = false;\n\n /**\n * The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n * `<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.\n */\n @property() type: 'button' | 'submit' | 'reset' = 'button';\n\n /**\n * The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\n * This attribute is ignored when `href` is present.\n */\n @property() name = '';\n\n /**\n * The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\n * button is the submitter. This attribute is ignored when `href` is present.\n */\n @property() value = '';\n\n /** When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`. */\n @property() href = '';\n\n /** Tells the browser where to open the link. Only used when `href` is present. */\n @property() target: '_blank' | '_parent' | '_self' | '_top';\n\n /**\n * When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\n * default is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\n * specific tab/window, this will prevent that from working correctly. You can remove or change the default value by\n * setting the attribute to an empty string or a value of your choice, respectively.\n */\n @property() rel = 'noreferrer noopener';\n\n /** Tells the browser to download the linked file as this filename. Only used when `href` is present. */\n @property() download?: string;\n\n /**\n * The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\n * value of this attribute must be an id of a form in the same document or shadow root as the button.\n */\n @property() form: string;\n\n /** Used to override the form owner's `action` attribute. */\n @property({ attribute: 'formaction' }) formAction: string;\n\n /** Used to override the form owner's `enctype` attribute. */\n @property({ attribute: 'formenctype' })\n formEnctype: 'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain';\n\n /** Used to override the form owner's `method` attribute. */\n @property({ attribute: 'formmethod' }) formMethod: 'post' | 'get';\n\n /** Used to override the form owner's `novalidate` attribute. */\n @property({ attribute: 'formnovalidate', type: Boolean }) formNoValidate: boolean;\n\n /** Used to override the form owner's `target` attribute. */\n @property({ attribute: 'formtarget' }) formTarget: '_self' | '_blank' | '_parent' | '_top' | string;\n\n /** Gets the validity state object */\n get validity() {\n if (this.isButton()) {\n return (this.button as HTMLButtonElement).validity;\n }\n\n return validValidityState;\n }\n\n /** Gets the validation message */\n get validationMessage() {\n if (this.isButton()) {\n return (this.button as HTMLButtonElement).validationMessage;\n }\n\n return '';\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.handleHostClick = this.handleHostClick.bind(this);\n this.addEventListener('click', this.handleHostClick);\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.removeEventListener('click', this.handleHostClick);\n }\n\n firstUpdated() {\n if (this.isButton()) {\n this.formControlController.updateValidity();\n }\n }\n\n private handleBlur() {\n this.hasFocus = false;\n this.emit('nile-blur');\n }\n\n private handleFocus() {\n this.hasFocus = true;\n this.emit('nile-focus');\n }\n\n private handleClick() {\n if (this.type === 'submit') {\n this.formControlController.submit(this);\n }\n\n if (this.type === 'reset') {\n this.formControlController.reset(this);\n }\n }\n\n private handleHostClick(event: MouseEvent) {\n // Prevent the click event from being emitted when the button is disabled or loading\n if (this.disabled || this.loading) {\n event.preventDefault();\n event.stopImmediatePropagation();\n }\n }\n\n private handleInvalid(event: Event) {\n this.formControlController.setValidity(false);\n this.formControlController.emitInvalidEvent(event);\n }\n\n private isButton() {\n return this.href ? false : true;\n }\n\n private isLink() {\n return this.href ? true : false;\n }\n\n @watch('disabled', { waitUntilFirstUpdate: true })\n handleDisabledChange() {\n if (this.isButton()) {\n // Disabled form controls are always valid\n this.formControlController.setValidity(this.disabled);\n }\n }\n\n /** Simulates a click on the button. */\n click() {\n this.button.click();\n }\n\n /** Sets focus on the button. */\n focus(options?: FocusOptions) {\n this.button.focus(options);\n }\n\n /** Removes focus from the button. */\n blur() {\n this.button.blur();\n }\n\n /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */\n checkValidity() {\n if (this.isButton()) {\n return (this.button as HTMLButtonElement).checkValidity();\n }\n\n return true;\n }\n\n /** Gets the associated form, if one exists. */\n getForm(): HTMLFormElement | null {\n return this.formControlController.getForm();\n }\n\n /** Checks for validity and shows the browser's validation message if the control is invalid. */\n reportValidity() {\n if (this.isButton()) {\n return (this.button as HTMLButtonElement).reportValidity();\n }\n\n return true;\n }\n\n /** Sets a custom validation message. Pass an empty string to restore validity. */\n setCustomValidity(message: string) {\n if (this.isButton()) {\n (this.button as HTMLButtonElement).setCustomValidity(message);\n this.formControlController.updateValidity();\n }\n }\n\n render() {\n const isLink = this.isLink();\n const tag = isLink ? literal`a` : literal`button`;\n\n /* eslint-disable lit/no-invalid-html */\n /* eslint-disable lit/binding-positions */\n return html`\n <${tag}\n part=\"base\"\n class=${classMap({\n button: true,\n 'button--primary': this.variant === 'primary',\n 'button--secondary': this.variant === 'secondary',\n 'button--tertiary': this.variant === 'tertiary',\n 'button--caution': this.variant === 'caution',\n 'button--small': this.size === 'small',\n 'button--medium': this.size === 'medium',\n 'button--large': this.size === 'large',\n 'button--caret': this.caret,\n 'button--circle': this.circle,\n 'button--disabled': this.disabled,\n 'button--focused': this.hasFocus,\n 'button--loading': this.loading,\n 'button--standard': !this.outline,\n 'button--outline': this.outline,\n 'button--pill': this.pill,\n 'button--has-label': this.hasSlotController.test('[default]'),\n 'button--has-prefix': this.hasSlotController.test('prefix'),\n 'button--has-suffix': this.hasSlotController.test('suffix')\n })}\n ?disabled=${ifDefined(isLink ? undefined : this.disabled)}\n type=${ifDefined(isLink ? undefined : this.type)}\n title=${this.title /* An empty title prevents browser validation tooltips from appearing on hover */}\n name=${ifDefined(isLink ? undefined : this.name)}\n value=${ifDefined(isLink ? undefined : this.value)}\n href=${ifDefined(isLink ? this.href : undefined)}\n target=${ifDefined(isLink ? this.target : undefined)}\n download=${ifDefined(isLink ? this.download : undefined)}\n rel=${ifDefined(isLink ? this.rel : undefined)}\n role=${ifDefined(isLink ? undefined : 'button')}\n aria-disabled=${this.disabled ? 'true' : 'false'}\n tabindex=${this.disabled ? '-1' : '0'}\n @blur=${this.handleBlur}\n @focus=${this.handleFocus}\n @invalid=${this.isButton() ? this.handleInvalid : null}\n @click=${this.handleClick}\n >\n <slot name=\"prefix\" part=\"prefix\" class=\"button__prefix\"></slot>\n <slot part=\"label\" class=\"button__label\"></slot>\n <slot name=\"suffix\" part=\"suffix\" class=\"button__suffix\"></slot>\n ${\n this.caret ? html` <nile-icon part=\"caret\" class=\"button__caret\" name=\"caret\"></nile-icon> ` : ''\n }\n ${this.loading ? html`<nile-spinner></nile-spinner>` : ''}\n </${tag}>\n `;\n }\n}\n\nexport default NileButton;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-button': NileButton;\n }\n}\n"],"names":["NileButton","constructor","this","formControlController","FormControlController","form","input","hasAttribute","doc","getRootNode","formId","getAttribute","getElementById","closest","assumeInteractionOn","hasSlotController","HasSlotController","hasFocus","invalid","title","variant","size","caret","disabled","loading","outline","pill","circle","type","name","value","href","rel","validity","isButton","button","validValidityState","validationMessage","connectedCallback","super","handleHostClick","bind","addEventListener","disconnectedCallback","removeEventListener","firstUpdated","updateValidity","handleBlur","emit","handleFocus","handleClick","submit","reset","event","preventDefault","stopImmediatePropagation","handleInvalid","setValidity","emitInvalidEvent","isLink","handleDisabledChange","click","focus","options","blur","checkValidity","getForm","reportValidity","setCustomValidity","message","render","tag","literal","html","classMap","test","ifDefined","undefined","target","download","NileElement","styles","__decorate","query","prototype","state","property","reflect","Boolean","attribute","watch","waitUntilFirstUpdate","customElement"],"mappings":"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"}

package/dist/nile-button/nile-button.css.cjs.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ System.register(["../index-adad7634.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,t;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function(){_export("s",t=o(_templateObject\|\|(_templateObject=_taggedTemplateLiteral(["\n :host {\n display: inline-block;\n position: relative;\n width: auto;\n cursor: pointer;\n }\n\n .button {\n display: inline-flex;\n align-items: stretch;\n justify-content: center;\n width: 100%;\n border-style: solid;\n border-width: 1px;\n font-style: normal;\n font-weight: 400;\n font-size: var(--nile-font-size-base);\n line-height: var(--nile-font-size-base);\n text-align: center;\n letter-spacing: 0.2px;\n text-decoration: none;\n user-select: none;\n white-space: nowrap;\n vertical-align: middle;\n padding: var(--nile-spacing-one-half-x);\n transition: var(--nile-transition-duration-default) background-color,\n var(--nile-transition-duration-default) color,\n var(--nile-transition-duration-default) border,\n var(--nile-transition-duration-default) box-shadow;\n cursor: inherit;\n }\n\n .button::-moz-focus-inner {\n border: 0;\n }\n\n .button:focus {\n outline: none;\n }\n\n .button:focus-visible {\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: 2px;\n }\n\n .button--disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .button--disabled * {\n pointer-events: none;\n }\n\n .button__prefix,\n .button__suffix {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n pointer-events: none;\n }\n .button__label {\n display: inline-block;\n }\n\n .button__label::slotted(nile-icon) {\n vertical-align: -2px;\n }\n\n .button--standard.button--secondary {\n background-color: var(--nile-colors-neutral-400);\n border-color: var(--nile-colors-neutral-400);\n color: var(--nile-colors-neutral-700);\n }\n\n .button--standard.button--secondary:hover:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-500);\n border-color: var(--nile-colors-neutral-500);\n box-shadow: 0px 4px 8px var(--nile-colors-dark-200);\n color: var(--nile-colors-neutral-700);\n }\n\n .button--standard.button--secondary:active:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-500);\n border-color: var(--nile-colors-neutral-700);\n color: var(--nile-colors-neutral-700);\n }\n\n .button--standard.button--secondary.button--disabled {\n background-color: var(--nile-colors-neutral-400);\n border-color: var(--nile-colors-neutral-400);\n color: var(--nile-colors-dark-500);\n cursor: not-allowed;\n }\n\n .button--standard.button--secondary.button--disabled:hover,\n .button--standard.button--secondary.button--disabled:active {\n background-color: var(--nile-colors-neutral-400);\n border-color: var(--nile-colors-neutral-400);\n color: var(--nile-colors-dark-500);\n box-shadow: none;\n }\n\n /* Primary /\n .button--standard.button--primary {\n background-color: var(--nile-colors-primary-600);\n border-color: var(--nile-colors-primary-600);\n color: var(--nile-colors-white-base);\n }\n\n .button--standard.button--primary:hover:not(.button--disabled) {\n background-color: var(--nile-colors-primary-700);\n border-color: var(--nile-colors-primary-700);\n box-shadow: 0px 4px 8px var(--nile-colors-dark-200);\n color: var(--nile-colors-white-base);\n }\n\n .button--standard.button--primary:active:not(.button--disabled) {\n background-color: var(--nile-colors-primary-700);\n border-color: var(--nile-colors-primary-900);\n color: var(--nile-colors-white-base);\n }\n\n .button--standard.button--primary.button--disabled {\n background-color: var(--nile-colors-primary-600);\n border-color: var(--nile-colors-primary-600);\n color: var(--nile-colors-neutral-700);\n cursor: not-allowed;\n }\n\n .button--standard.button--primary.button--disabled:hover,\n .button--standard.button--primary.button--disabled:active {\n background-color: var(--nile-colors-primary-600);\n border-color: var(--nile-colors-primary-600);\n color: var(--nile-colors-neutral-700);\n box-shadow: none;\n }\n\n / Tertiary /\n .button--standard.button--tertiary {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-neutral-500);\n color: var(--nile-colors-neutral-700);\n box-shadow: 0px 2px 4px var(--nile-colors-dark-200);\n }\n\n .button--standard.button--tertiary:hover:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-100);\n border-color: var(--nile-colors-neutral-500);\n box-shadow: 0px 4px 8px var(--nile-colors-dark-200);\n color: var(--nile-colors-neutral-700);\n }\n\n .button--standard.button--tertiary:active:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-400);\n border-color: var(--nile-colors-neutral-700);\n color: var(--nile-colors-neutral-700);\n }\n .button--standard.button--tertiary.button--disabled {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-neutral-400);\n color: var(--nile-colors-neutral-700);\n cursor: not-allowed;\n box-shadow: none;\n }\n\n .button--standard.button--tertiary.button--disabled:hover,\n .button--standard.button--tertiary.button--disabled:active {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-neutral-400);\n color: var(--nile-colors-neutral-700);\n box-shadow: none;\n }\n\n / caution /\n .button--standard.button--caution {\n background-color: var(--nile-colors-red-500);\n border-color: var(--nile-colors-red-500);\n color: var(--nile-colors-white-base);\n }\n .button--standard.button--caution:hover:not(.button--disabled) {\n background-color: var(--nile-colors-red-700);\n border-color: var(--nile-colors-red-700);\n color: var(--nile-colors-white-base);\n }\n\n .button--standard.button--caution:active:not(.button--disabled) {\n background-color: var(--nile-colors-red-700);\n border-color: var(--nile-colors-red-500);\n color: var(--nile-colors-white-base);\n }\n\n .button--standard.button--tertiary.button--disabled {\n background-color: var(--nile-colors-neutral-100);\n border-color: var(--nile-colors-neutral-100);\n color: var(--nile-colors-neutral-400);\n cursor: not-allowed;\n box-shadow: none;\n }\n\n .button--standard.button--tertiary.button--disabled:hover,\n .button--standard.button--tertiary.button--disabled:active {\n background-color: var(--nile-colors-neutral-100);\n border-color: var(--nile-colors-neutral-100);\n color: var(--nile-colors-neutral-400);\n box-shadow: none;\n }\n\n /\n * Size modifiers\n /\n\n .button--small {\n height: auto;\n min-height: 24px;\n font-size: 0.875rem;\n line-height: calc(24px - var(--nile-spacing-one-half-x) 2);\n border-radius: var(--nile-radius-base-standard);\n }\n\n .button--medium {\n height: auto;\n min-height: 38px;\n font-size: 0.875rem;\n line-height: calc(38px - var(--nile-spacing-one-half-x) * 2);\n font-size: var(--nile-font-size-base);\n border-radius: var(--nile-radius-base-standard);\n }\n\n .button--large {\n height: auto;\n min-height: 40px;\n font-size: 1rem;\n line-height: calc(40px - var(--nile-spacing-one-half-x) * 2);\n border-radius: 6px;\n }\n\n /\n Pill modifier\n /\n\n .button--pill.button--small {\n border-radius: 24px;\n }\n\n .button--pill.button--medium {\n border-radius: 32px;\n }\n\n .button--pill.button--large {\n border-radius: 40px;\n }\n\n /\n * Circle modifier\n /\n\n .button--circle {\n padding-left: 0;\n padding-right: 0;\n }\n\n .button--circle.button--small {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n }\n\n .button--circle.button--medium {\n width: 38px;\n height: 38px;\n border-radius: 50%;\n }\n\n .button--circle.button--large {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n }\n\n .button--circle .button__prefix,\n .button--circle .button__suffix,\n .button--circle .button__caret {\n display: none;\n }\n\n / Caret modifier /\n\n .button--caret .button__suffix {\n display: none;\n }\n\n .button--caret .button__caret {\n height: auto;\n }\n\n /\n * Loading modifier\n /\n\n .button--loading {\n position: relative;\n cursor: wait;\n }\n\n .button--loading .button__prefix,\n .button--loading .button__label,\n .button--loading .button__suffix,\n .button--loading .button__caret {\n visibility: hidden;\n }\n\n .button--loading nile-spinner {\n --indicator-color: currentColor;\n position: absolute;\n font-size: 1em;\n height: 1em;\n width: 1em;\n top: calc(50% - 0.5em);\n left: calc(50% - 0.5em);\n }\n /\n * Badges\n /\n\n .button ::slotted(nile-badge) {\n position: absolute;\n top: 0;\n right: 0;\n translate: 50% -50%;\n pointer-events: none;\n }\n\n .button--rtl ::slotted(nile-badge) {\n right: auto;\n left: 0;\n translate: -50% -50%;\n }\n\n /\n * Button spacing\n */\n\n .button--has-label.button--small .button__label {\n padding: 0 var(--nile-spacing-one-half-x);\n }\n\n .button--has-label.button--medium .button__label {\n padding: 0 var(--nile-spacing-2-x);\n }\n\n .button--has-label.button--large .button__label {\n padding: 0 var(--nile-spacing-3-x);\n }\n\n .button--has-prefix.button--small {\n padding-inline-start: var(--nile-spacing-one-half-x);\n }\n\n .button--has-prefix.button--small .button__label {\n padding-inline-start: var(--nile-spacing-one-half-x);\n }\n\n .button--has-prefix.button--medium {\n padding-inline-start: var(--nile-spacing-2-x);\n }\n\n .button--has-prefix.button--medium .button__label {\n padding-inline-start: var(--nile-spacing-2-x);\n }\n\n .button--has-prefix.button--large {\n padding-inline-start: var(--nile-spacing-2-x);\n }\n\n .button--has-prefix.button--large .button__label {\n padding-inline-start: var(--nile-spacing-2-x);\n }\n\n .button--has-suffix.button--small,\n .button--caret.button--small {\n padding-inline-end: var(--nile-spacing-one-half-x);\n }\n\n .button--has-suffix.button--small .button__label,\n .button--caret.button--small .button__label {\n padding-inline-end: var(--nile-spacing-one-half-x);\n }\n\n .button--has-suffix.button--medium,\n .button--caret.button--medium {\n padding-inline-end: var(--nile-spacing-2-x);\n }\n\n .button--has-suffix.button--medium .button__label,\n .button--caret.button--medium .button__label {\n padding-inline-end: var(--nile-spacing-2-x);\n }\n\n .button--has-suffix.button--large,\n .button--caret.button--large {\n padding-inline-end: var(--nile-spacing-2-x);\n }\n\n .button--has-suffix.button--large .button__label,\n .button--caret.button--large .button__label {\n padding-inline-end: var(--nile-spacing-2-x);\n }\n"]))));}};});
2	+ //# sourceMappingURL=nile-button.css.cjs.js.map

package/dist/nile-button/nile-button.css.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"nile-button.css.cjs.js","sources":["../../../src/nile-button/nile-button.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * Button CSS\n */\nexport const styles = css`\n :host {\n display: inline-block;\n position: relative;\n width: auto;\n cursor: pointer;\n }\n\n .button {\n display: inline-flex;\n align-items: stretch;\n justify-content: center;\n width: 100%;\n border-style: solid;\n border-width: 1px;\n font-style: normal;\n font-weight: 400;\n font-size: var(--nile-font-size-base);\n line-height: var(--nile-font-size-base);\n text-align: center;\n letter-spacing: 0.2px;\n text-decoration: none;\n user-select: none;\n white-space: nowrap;\n vertical-align: middle;\n padding: var(--nile-spacing-one-half-x);\n transition: var(--nile-transition-duration-default) background-color,\n var(--nile-transition-duration-default) color,\n var(--nile-transition-duration-default) border,\n var(--nile-transition-duration-default) box-shadow;\n cursor: inherit;\n }\n\n .button::-moz-focus-inner {\n border: 0;\n }\n\n .button:focus {\n outline: none;\n }\n\n .button:focus-visible {\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: 2px;\n }\n\n .button--disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .button--disabled * {\n pointer-events: none;\n }\n\n .button__prefix,\n .button__suffix {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n pointer-events: none;\n }\n .button__label {\n display: inline-block;\n }\n\n .button__label::slotted(nile-icon) {\n vertical-align: -2px;\n }\n\n .button--standard.button--secondary {\n background-color: var(--nile-colors-neutral-400);\n border-color: var(--nile-colors-neutral-400);\n color: var(--nile-colors-neutral-700);\n }\n\n .button--standard.button--secondary:hover:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-500);\n border-color: var(--nile-colors-neutral-500);\n box-shadow: 0px 4px 8px var(--nile-colors-dark-200);\n color: var(--nile-colors-neutral-700);\n }\n\n .button--standard.button--secondary:active:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-500);\n border-color: var(--nile-colors-neutral-700);\n color: var(--nile-colors-neutral-700);\n }\n\n .button--standard.button--secondary.button--disabled {\n background-color: var(--nile-colors-neutral-400);\n border-color: var(--nile-colors-neutral-400);\n color: var(--nile-colors-dark-500);\n cursor: not-allowed;\n }\n\n .button--standard.button--secondary.button--disabled:hover,\n .button--standard.button--secondary.button--disabled:active {\n background-color: var(--nile-colors-neutral-400);\n border-color: var(--nile-colors-neutral-400);\n color: var(--nile-colors-dark-500);\n box-shadow: none;\n }\n\n /* Primary */\n .button--standard.button--primary {\n background-color: var(--nile-colors-primary-600);\n border-color: var(--nile-colors-primary-600);\n color: var(--nile-colors-white-base);\n }\n\n .button--standard.button--primary:hover:not(.button--disabled) {\n background-color: var(--nile-colors-primary-700);\n border-color: var(--nile-colors-primary-700);\n box-shadow: 0px 4px 8px var(--nile-colors-dark-200);\n color: var(--nile-colors-white-base);\n }\n\n .button--standard.button--primary:active:not(.button--disabled) {\n background-color: var(--nile-colors-primary-700);\n border-color: var(--nile-colors-primary-900);\n color: var(--nile-colors-white-base);\n }\n\n .button--standard.button--primary.button--disabled {\n background-color: var(--nile-colors-primary-600);\n border-color: var(--nile-colors-primary-600);\n color: var(--nile-colors-neutral-700);\n cursor: not-allowed;\n }\n\n .button--standard.button--primary.button--disabled:hover,\n .button--standard.button--primary.button--disabled:active {\n background-color: var(--nile-colors-primary-600);\n border-color: var(--nile-colors-primary-600);\n color: var(--nile-colors-neutral-700);\n box-shadow: none;\n }\n\n /* Tertiary */\n .button--standard.button--tertiary {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-neutral-500);\n color: var(--nile-colors-neutral-700);\n box-shadow: 0px 2px 4px var(--nile-colors-dark-200);\n }\n\n .button--standard.button--tertiary:hover:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-100);\n border-color: var(--nile-colors-neutral-500);\n box-shadow: 0px 4px 8px var(--nile-colors-dark-200);\n color: var(--nile-colors-neutral-700);\n }\n\n .button--standard.button--tertiary:active:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-400);\n border-color: var(--nile-colors-neutral-700);\n color: var(--nile-colors-neutral-700);\n }\n .button--standard.button--tertiary.button--disabled {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-neutral-400);\n color: var(--nile-colors-neutral-700);\n cursor: not-allowed;\n box-shadow: none;\n }\n\n .button--standard.button--tertiary.button--disabled:hover,\n .button--standard.button--tertiary.button--disabled:active {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-neutral-400);\n color: var(--nile-colors-neutral-700);\n box-shadow: none;\n }\n\n /* caution */\n .button--standard.button--caution {\n background-color: var(--nile-colors-red-500);\n border-color: var(--nile-colors-red-500);\n color: var(--nile-colors-white-base);\n }\n .button--standard.button--caution:hover:not(.button--disabled) {\n background-color: var(--nile-colors-red-700);\n border-color: var(--nile-colors-red-700);\n color: var(--nile-colors-white-base);\n }\n\n .button--standard.button--caution:active:not(.button--disabled) {\n background-color: var(--nile-colors-red-700);\n border-color: var(--nile-colors-red-500);\n color: var(--nile-colors-white-base);\n }\n\n .button--standard.button--tertiary.button--disabled {\n background-color: var(--nile-colors-neutral-100);\n border-color: var(--nile-colors-neutral-100);\n color: var(--nile-colors-neutral-400);\n cursor: not-allowed;\n box-shadow: none;\n }\n\n .button--standard.button--tertiary.button--disabled:hover,\n .button--standard.button--tertiary.button--disabled:active {\n background-color: var(--nile-colors-neutral-100);\n border-color: var(--nile-colors-neutral-100);\n color: var(--nile-colors-neutral-400);\n box-shadow: none;\n }\n\n /*\n * Size modifiers\n */\n\n .button--small {\n height: auto;\n min-height: 24px;\n font-size: 0.875rem;\n line-height: calc(24px - var(--nile-spacing-one-half-x) * 2);\n border-radius: var(--nile-radius-base-standard);\n }\n\n .button--medium {\n height: auto;\n min-height: 38px;\n font-size: 0.875rem;\n line-height: calc(38px - var(--nile-spacing-one-half-x) * 2);\n font-size: var(--nile-font-size-base);\n border-radius: var(--nile-radius-base-standard);\n }\n\n .button--large {\n height: auto;\n min-height: 40px;\n font-size: 1rem;\n line-height: calc(40px - var(--nile-spacing-one-half-x) * 2);\n border-radius: 6px;\n }\n\n /*\n * Pill modifier\n */\n\n .button--pill.button--small {\n border-radius: 24px;\n }\n\n .button--pill.button--medium {\n border-radius: 32px;\n }\n\n .button--pill.button--large {\n border-radius: 40px;\n }\n\n /*\n * Circle modifier\n */\n\n .button--circle {\n padding-left: 0;\n padding-right: 0;\n }\n\n .button--circle.button--small {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n }\n\n .button--circle.button--medium {\n width: 38px;\n height: 38px;\n border-radius: 50%;\n }\n\n .button--circle.button--large {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n }\n\n .button--circle .button__prefix,\n .button--circle .button__suffix,\n .button--circle .button__caret {\n display: none;\n }\n\n /* Caret modifier */\n\n .button--caret .button__suffix {\n display: none;\n }\n\n .button--caret .button__caret {\n height: auto;\n }\n\n /*\n * Loading modifier\n */\n\n .button--loading {\n position: relative;\n cursor: wait;\n }\n\n .button--loading .button__prefix,\n .button--loading .button__label,\n .button--loading .button__suffix,\n .button--loading .button__caret {\n visibility: hidden;\n }\n\n .button--loading nile-spinner {\n --indicator-color: currentColor;\n position: absolute;\n font-size: 1em;\n height: 1em;\n width: 1em;\n top: calc(50% - 0.5em);\n left: calc(50% - 0.5em);\n }\n /*\n * Badges\n */\n\n .button ::slotted(nile-badge) {\n position: absolute;\n top: 0;\n right: 0;\n translate: 50% -50%;\n pointer-events: none;\n }\n\n .button--rtl ::slotted(nile-badge) {\n right: auto;\n left: 0;\n translate: -50% -50%;\n }\n\n /*\n * Button spacing\n */\n\n .button--has-label.button--small .button__label {\n padding: 0 var(--nile-spacing-one-half-x);\n }\n\n .button--has-label.button--medium .button__label {\n padding: 0 var(--nile-spacing-2-x);\n }\n\n .button--has-label.button--large .button__label {\n padding: 0 var(--nile-spacing-3-x);\n }\n\n .button--has-prefix.button--small {\n padding-inline-start: var(--nile-spacing-one-half-x);\n }\n\n .button--has-prefix.button--small .button__label {\n padding-inline-start: var(--nile-spacing-one-half-x);\n }\n\n .button--has-prefix.button--medium {\n padding-inline-start: var(--nile-spacing-2-x);\n }\n\n .button--has-prefix.button--medium .button__label {\n padding-inline-start: var(--nile-spacing-2-x);\n }\n\n .button--has-prefix.button--large {\n padding-inline-start: var(--nile-spacing-2-x);\n }\n\n .button--has-prefix.button--large .button__label {\n padding-inline-start: var(--nile-spacing-2-x);\n }\n\n .button--has-suffix.button--small,\n .button--caret.button--small {\n padding-inline-end: var(--nile-spacing-one-half-x);\n }\n\n .button--has-suffix.button--small .button__label,\n .button--caret.button--small .button__label {\n padding-inline-end: var(--nile-spacing-one-half-x);\n }\n\n .button--has-suffix.button--medium,\n .button--caret.button--medium {\n padding-inline-end: var(--nile-spacing-2-x);\n }\n\n .button--has-suffix.button--medium .button__label,\n .button--caret.button--medium .button__label {\n padding-inline-end: var(--nile-spacing-2-x);\n }\n\n .button--has-suffix.button--large,\n .button--caret.button--large {\n padding-inline-end: var(--nile-spacing-2-x);\n }\n\n .button--has-suffix.button--large .button__label,\n .button--caret.button--large .button__label {\n padding-inline-end: var(--nile-spacing-2-x);\n }\n`;\n"],"names":["styles","css"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG"}

package/dist/nile-button/nile-button.css.esm.js ADDED Viewed

@@ -0,0 +1,410 @@
+import{i as o}from"../index-f1b94546.esm.js";const t=o`
+  :host {
+    display: inline-block;
+    position: relative;
+    width: auto;
+    cursor: pointer;
+  }
+  .button {
+    display: inline-flex;
+    align-items: stretch;
+    justify-content: center;
+    width: 100%;
+    border-style: solid;
+    border-width: 1px;
+    font-style: normal;
+    font-weight: 400;
+    font-size: var(--nile-font-size-base);
+    line-height: var(--nile-font-size-base);
+    text-align: center;
+    letter-spacing: 0.2px;
+    text-decoration: none;
+    user-select: none;
+    white-space: nowrap;
+    vertical-align: middle;
+    padding: var(--nile-spacing-one-half-x);
+    transition: var(--nile-transition-duration-default) background-color,
+      var(--nile-transition-duration-default) color,
+      var(--nile-transition-duration-default) border,
+      var(--nile-transition-duration-default) box-shadow;
+    cursor: inherit;
+  }
+  .button::-moz-focus-inner {
+    border: 0;
+  }
+  .button:focus {
+    outline: none;
+  }
+  .button:focus-visible {
+    outline: 5px auto -webkit-focus-ring-color;
+    outline-offset: 2px;
+  }
+  .button--disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+  .button--disabled * {
+    pointer-events: none;
+  }
+  .button__prefix,
+  .button__suffix {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    pointer-events: none;
+  }
+  .button__label {
+    display: inline-block;
+  }
+  .button__label::slotted(nile-icon) {
+    vertical-align: -2px;
+  }
+  .button--standard.button--secondary {
+    background-color: var(--nile-colors-neutral-400);
+    border-color: var(--nile-colors-neutral-400);
+    color: var(--nile-colors-neutral-700);
+  }
+  .button--standard.button--secondary:hover:not(.button--disabled) {
+    background-color: var(--nile-colors-neutral-500);
+    border-color: var(--nile-colors-neutral-500);
+    box-shadow: 0px 4px 8px var(--nile-colors-dark-200);
+    color: var(--nile-colors-neutral-700);
+  }
+  .button--standard.button--secondary:active:not(.button--disabled) {
+    background-color: var(--nile-colors-neutral-500);
+    border-color: var(--nile-colors-neutral-700);
+    color: var(--nile-colors-neutral-700);
+  }
+  .button--standard.button--secondary.button--disabled {
+    background-color: var(--nile-colors-neutral-400);
+    border-color: var(--nile-colors-neutral-400);
+    color: var(--nile-colors-dark-500);
+    cursor: not-allowed;
+  }
+  .button--standard.button--secondary.button--disabled:hover,
+  .button--standard.button--secondary.button--disabled:active {
+    background-color: var(--nile-colors-neutral-400);
+    border-color: var(--nile-colors-neutral-400);
+    color: var(--nile-colors-dark-500);
+    box-shadow: none;
+  }
+  /* Primary */
+  .button--standard.button--primary {
+    background-color: var(--nile-colors-primary-600);
+    border-color: var(--nile-colors-primary-600);
+    color: var(--nile-colors-white-base);
+  }
+  .button--standard.button--primary:hover:not(.button--disabled) {
+    background-color: var(--nile-colors-primary-700);
+    border-color: var(--nile-colors-primary-700);
+    box-shadow: 0px 4px 8px var(--nile-colors-dark-200);
+    color: var(--nile-colors-white-base);
+  }
+  .button--standard.button--primary:active:not(.button--disabled) {
+    background-color: var(--nile-colors-primary-700);
+    border-color: var(--nile-colors-primary-900);
+    color: var(--nile-colors-white-base);
+  }
+  .button--standard.button--primary.button--disabled {
+    background-color: var(--nile-colors-primary-600);
+    border-color: var(--nile-colors-primary-600);
+    color: var(--nile-colors-neutral-700);
+    cursor: not-allowed;
+  }
+  .button--standard.button--primary.button--disabled:hover,
+  .button--standard.button--primary.button--disabled:active {
+    background-color: var(--nile-colors-primary-600);
+    border-color: var(--nile-colors-primary-600);
+    color: var(--nile-colors-neutral-700);
+    box-shadow: none;
+  }
+  /* Tertiary */
+  .button--standard.button--tertiary {
+    background-color: var(--nile-colors-white-base);
+    border-color: var(--nile-colors-neutral-500);
+    color: var(--nile-colors-neutral-700);
+    box-shadow: 0px 2px 4px var(--nile-colors-dark-200);
+  }
+  .button--standard.button--tertiary:hover:not(.button--disabled) {
+    background-color: var(--nile-colors-neutral-100);
+    border-color: var(--nile-colors-neutral-500);
+    box-shadow: 0px 4px 8px var(--nile-colors-dark-200);
+    color: var(--nile-colors-neutral-700);
+  }
+  .button--standard.button--tertiary:active:not(.button--disabled) {
+    background-color: var(--nile-colors-neutral-400);
+    border-color: var(--nile-colors-neutral-700);
+    color: var(--nile-colors-neutral-700);
+  }
+  .button--standard.button--tertiary.button--disabled {
+    background-color: var(--nile-colors-white-base);
+    border-color: var(--nile-colors-neutral-400);
+    color: var(--nile-colors-neutral-700);
+    cursor: not-allowed;
+    box-shadow: none;
+  }
+  .button--standard.button--tertiary.button--disabled:hover,
+  .button--standard.button--tertiary.button--disabled:active {
+    background-color: var(--nile-colors-white-base);
+    border-color: var(--nile-colors-neutral-400);
+    color: var(--nile-colors-neutral-700);
+    box-shadow: none;
+  }
+  /* caution */
+  .button--standard.button--caution {
+    background-color: var(--nile-colors-red-500);
+    border-color: var(--nile-colors-red-500);
+    color: var(--nile-colors-white-base);
+  }
+  .button--standard.button--caution:hover:not(.button--disabled) {
+    background-color: var(--nile-colors-red-700);
+    border-color: var(--nile-colors-red-700);
+    color: var(--nile-colors-white-base);
+  }
+  .button--standard.button--caution:active:not(.button--disabled) {
+    background-color: var(--nile-colors-red-700);
+    border-color: var(--nile-colors-red-500);
+    color: var(--nile-colors-white-base);
+  }
+  .button--standard.button--tertiary.button--disabled {
+    background-color: var(--nile-colors-neutral-100);
+    border-color: var(--nile-colors-neutral-100);
+    color: var(--nile-colors-neutral-400);
+    cursor: not-allowed;
+    box-shadow: none;
+  }
+  .button--standard.button--tertiary.button--disabled:hover,
+  .button--standard.button--tertiary.button--disabled:active {
+    background-color: var(--nile-colors-neutral-100);
+    border-color: var(--nile-colors-neutral-100);
+    color: var(--nile-colors-neutral-400);
+    box-shadow: none;
+  }
+  /*
+ * Size modifiers
+ */
+  .button--small {
+    height: auto;
+    min-height: 24px;
+    font-size: 0.875rem;
+    line-height: calc(24px - var(--nile-spacing-one-half-x) * 2);
+    border-radius: var(--nile-radius-base-standard);
+  }
+  .button--medium {
+    height: auto;
+    min-height: 38px;
+    font-size: 0.875rem;
+    line-height: calc(38px - var(--nile-spacing-one-half-x) * 2);
+    font-size: var(--nile-font-size-base);
+    border-radius: var(--nile-radius-base-standard);
+  }
+  .button--large {
+    height: auto;
+    min-height: 40px;
+    font-size: 1rem;
+    line-height: calc(40px - var(--nile-spacing-one-half-x) * 2);
+    border-radius: 6px;
+  }
+  /*
+ * Pill modifier
+ */
+  .button--pill.button--small {
+    border-radius: 24px;
+  }
+  .button--pill.button--medium {
+    border-radius: 32px;
+  }
+  .button--pill.button--large {
+    border-radius: 40px;
+  }
+  /*
+ * Circle modifier
+ */
+  .button--circle {
+    padding-left: 0;
+    padding-right: 0;
+  }
+  .button--circle.button--small {
+    width: 24px;
+    height: 24px;
+    border-radius: 50%;
+  }
+  .button--circle.button--medium {
+    width: 38px;
+    height: 38px;
+    border-radius: 50%;
+  }
+  .button--circle.button--large {
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+  }
+  .button--circle .button__prefix,
+  .button--circle .button__suffix,
+  .button--circle .button__caret {
+    display: none;
+  }
+  /* Caret modifier */
+  .button--caret .button__suffix {
+    display: none;
+  }
+  .button--caret .button__caret {
+    height: auto;
+  }
+  /*
+ * Loading modifier
+ */
+  .button--loading {
+    position: relative;
+    cursor: wait;
+  }
+  .button--loading .button__prefix,
+  .button--loading .button__label,
+  .button--loading .button__suffix,
+  .button--loading .button__caret {
+    visibility: hidden;
+  }
+  .button--loading nile-spinner {
+    --indicator-color: currentColor;
+    position: absolute;
+    font-size: 1em;
+    height: 1em;
+    width: 1em;
+    top: calc(50% - 0.5em);
+    left: calc(50% - 0.5em);
+  }
+  /*
+ * Badges
+ */
+  .button ::slotted(nile-badge) {
+    position: absolute;
+    top: 0;
+    right: 0;
+    translate: 50% -50%;
+    pointer-events: none;
+  }
+  .button--rtl ::slotted(nile-badge) {
+    right: auto;
+    left: 0;
+    translate: -50% -50%;
+  }
+  /*
+ * Button spacing
+ */
+  .button--has-label.button--small .button__label {
+    padding: 0 var(--nile-spacing-one-half-x);
+  }
+  .button--has-label.button--medium .button__label {
+    padding: 0 var(--nile-spacing-2-x);
+  }
+  .button--has-label.button--large .button__label {
+    padding: 0 var(--nile-spacing-3-x);
+  }
+  .button--has-prefix.button--small {
+    padding-inline-start: var(--nile-spacing-one-half-x);
+  }
+  .button--has-prefix.button--small .button__label {
+    padding-inline-start: var(--nile-spacing-one-half-x);
+  }
+  .button--has-prefix.button--medium {
+    padding-inline-start: var(--nile-spacing-2-x);
+  }
+  .button--has-prefix.button--medium .button__label {
+    padding-inline-start: var(--nile-spacing-2-x);
+  }
+  .button--has-prefix.button--large {
+    padding-inline-start: var(--nile-spacing-2-x);
+  }
+  .button--has-prefix.button--large .button__label {
+    padding-inline-start: var(--nile-spacing-2-x);
+  }
+  .button--has-suffix.button--small,
+  .button--caret.button--small {
+    padding-inline-end: var(--nile-spacing-one-half-x);
+  }
+  .button--has-suffix.button--small .button__label,
+  .button--caret.button--small .button__label {
+    padding-inline-end: var(--nile-spacing-one-half-x);
+  }
+  .button--has-suffix.button--medium,
+  .button--caret.button--medium {
+    padding-inline-end: var(--nile-spacing-2-x);
+  }
+  .button--has-suffix.button--medium .button__label,
+  .button--caret.button--medium .button__label {
+    padding-inline-end: var(--nile-spacing-2-x);
+  }
+  .button--has-suffix.button--large,
+  .button--caret.button--large {
+    padding-inline-end: var(--nile-spacing-2-x);
+  }
+  .button--has-suffix.button--large .button__label,
+  .button--caret.button--large .button__label {
+    padding-inline-end: var(--nile-spacing-2-x);
+  }
+`;export{t as s};