@aquera/nile-elements 0.0.1-beta.4 → 0.0.1-beta.6
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.
- package/.rollup.cache/Users/ravisankar/aquera/nile/packages/nile-elements/dist/src/nile-auto-complete/nile-auto-complete.js +2 -2
- package/.rollup.cache/Users/ravisankar/aquera/nile/packages/nile-elements/dist/src/nile-auto-complete/nile-auto-complete.js.map +1 -1
- package/.rollup.cache/Users/ravisankar/aquera/nile/packages/nile-elements/dist/src/nile-chip/nile-chip.d.ts +3 -1
- package/.rollup.cache/Users/ravisankar/aquera/nile/packages/nile-elements/dist/src/nile-chip/nile-chip.js +18 -2
- package/.rollup.cache/Users/ravisankar/aquera/nile/packages/nile-elements/dist/src/nile-chip/nile-chip.js.map +1 -1
- package/.rollup.cache/Users/ravisankar/aquera/nile/packages/nile-elements/dist/src/nile-menu-item/nile-menu-item.js +2 -2
- package/.rollup.cache/Users/ravisankar/aquera/nile/packages/nile-elements/dist/src/nile-menu-item/nile-menu-item.js.map +1 -1
- package/.rollup.cache/Users/ravisankar/aquera/nile/packages/nile-elements/dist/src/nile-tag/nile-tag.js +1 -1
- package/.rollup.cache/Users/ravisankar/aquera/nile/packages/nile-elements/dist/src/nile-tag/nile-tag.js.map +1 -1
- package/.rollup.cache/Users/ravisankar/aquera/nile/packages/nile-elements/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/nile-auto-complete/nile-auto-complete.cjs.js +1 -1
- package/dist/nile-auto-complete/nile-auto-complete.cjs.js.map +1 -1
- package/dist/nile-auto-complete/nile-auto-complete.esm.js +1 -1
- package/dist/nile-chip/index.cjs.js +1 -1
- package/dist/nile-chip/index.esm.js +1 -1
- package/dist/nile-chip/nile-chip.cjs.js +1 -1
- package/dist/nile-chip/nile-chip.cjs.js.map +1 -1
- package/dist/nile-chip/nile-chip.esm.js +2 -2
- package/dist/nile-menu-item/nile-menu-item.cjs.js +1 -1
- package/dist/nile-menu-item/nile-menu-item.cjs.js.map +1 -1
- package/dist/nile-menu-item/nile-menu-item.esm.js +2 -2
- package/dist/nile-tag/nile-tag.cjs.js +1 -1
- package/dist/nile-tag/nile-tag.cjs.js.map +1 -1
- package/dist/nile-tag/nile-tag.esm.js +1 -1
- package/dist/src/nile-auto-complete/nile-auto-complete.js +2 -2
- package/dist/src/nile-auto-complete/nile-auto-complete.js.map +1 -1
- package/dist/src/nile-chip/nile-chip.d.ts +3 -1
- package/dist/src/nile-chip/nile-chip.js +18 -2
- package/dist/src/nile-chip/nile-chip.js.map +1 -1
- package/dist/src/nile-menu-item/nile-menu-item.js +2 -2
- package/dist/src/nile-menu-item/nile-menu-item.js.map +1 -1
- package/dist/src/nile-tag/nile-tag.js +1 -1
- package/dist/src/nile-tag/nile-tag.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/nile-auto-complete/nile-auto-complete.ts +4 -4
- package/src/nile-chip/nile-chip.ts +16 -3
- package/src/nile-menu-item/nile-menu-item.ts +2 -2
- package/src/nile-tag/nile-tag.ts +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["tslib","../index-adad7634.cjs.js","./nile-tag.css.cjs.js","../nile-icon-button/nile-icon-button.cjs.js","lit/directives/class-map.js","lit/decorators.js","../internal/nile-element.cjs.js","../property-ec52a751.cjs.js","../nile-icon-button/nile-icon-button.css.cjs.js","../nile-icon/index.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","lit/static-html.js","lit/directives/if-defined.js"],function(_export,_context){"use strict";var i,s,o,n,c,e,t,_templateObject,_templateObject2,j;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 _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(_index001CjsJs){s=_index001CjsJs.y;},function(_nileTagCssCjsJs){o=_nileTagCssCjsJs.s;},function(_nileIconButtonNileIconButtonCjsJs){},function(_litDirectivesClassMapJs){n=_litDirectivesClassMapJs.classMap;},function(_litDecoratorsJs){c=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){e=_internalNileElementCjsJs.N;},function(_property002CjsJs){t=_property002CjsJs.e;},function(_nileIconButtonNileIconButtonCssCjsJs){},function(_nileIconIndexCjsJs){},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(_litStaticHtmlJs){},function(_litDirectivesIfDefinedJs){}],execute:function(){j=/*#__PURE__*/function(_e){_inherits(j,_e);var _super=_createSuper(j);function j(){var _this;_classCallCheck(this,j);_this=_super.apply(this,arguments),_this.variant="neutral",_this.size="medium",_this.pill=!1,_this.removable=!1;return _this;}_createClass(j,[{key:"handleRemoveClick",value:function handleRemoveClick(){this.emit("nile-remove");}},{key:"render",value:function render(){return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <span\n part=\"base\"\n class=","\n >\n <slot part=\"content\" class=\"tag__content\"></slot>\n\n ","\n </span>\n "])),n({tag:!0,"tag--primary":"primary"===this.variant,"tag--success":"success"===this.variant,"tag--neutral":"neutral"===this.variant,"tag--warning":"warning"===this.variant,"tag--danger":"danger"===this.variant,"tag--text":"text"===this.variant,"tag--small":"small"===this.size,"tag--medium":"medium"===this.size,"tag--large":"large"===this.size,"tag--pill":this.pill,"tag--removable":this.removable}),this.removable?s(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n <nile-icon-button\n part=\"remove-button\"\n exportparts=\"base:remove-button__base\"\n name=\"close\"\n library=\"system\"\n label=\"remove\"\n class=\"tag__remove\"\n @click=","\n tabindex=\"-1\"\n ></nile-icon-button>\n "])),this.handleRemoveClick):"");}}]);return j;}(e);j.styles=o,i([t({reflect:!0})],j.prototype,"variant",void 0),i([t({reflect:!0})],j.prototype,"size",void 0),i([t({type:Boolean,reflect:!0})],j.prototype,"pill",void 0),i([t({type:Boolean})],j.prototype,"removable",void 0),j=i([c("nile-tag")],j);}};});
|
|
1
|
+
System.register(["tslib","../index-adad7634.cjs.js","./nile-tag.css.cjs.js","../nile-icon-button/nile-icon-button.cjs.js","lit/directives/class-map.js","lit/decorators.js","../internal/nile-element.cjs.js","../property-ec52a751.cjs.js","../nile-icon-button/nile-icon-button.css.cjs.js","../nile-icon/index.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","lit/static-html.js","lit/directives/if-defined.js"],function(_export,_context){"use strict";var i,s,o,n,c,e,t,_templateObject,_templateObject2,j;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 _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(_index001CjsJs){s=_index001CjsJs.y;},function(_nileTagCssCjsJs){o=_nileTagCssCjsJs.s;},function(_nileIconButtonNileIconButtonCjsJs){},function(_litDirectivesClassMapJs){n=_litDirectivesClassMapJs.classMap;},function(_litDecoratorsJs){c=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){e=_internalNileElementCjsJs.N;},function(_property002CjsJs){t=_property002CjsJs.e;},function(_nileIconButtonNileIconButtonCssCjsJs){},function(_nileIconIndexCjsJs){},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(_litStaticHtmlJs){},function(_litDirectivesIfDefinedJs){}],execute:function(){j=/*#__PURE__*/function(_e){_inherits(j,_e);var _super=_createSuper(j);function j(){var _this;_classCallCheck(this,j);_this=_super.apply(this,arguments),_this.variant="neutral",_this.size="medium",_this.pill=!1,_this.removable=!1;return _this;}_createClass(j,[{key:"handleRemoveClick",value:function handleRemoveClick(){this.emit("nile-remove");}},{key:"render",value:function render(){return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <span\n part=\"base\"\n class=","\n >\n <slot part=\"content\" class=\"tag__content\"></slot>\n\n ","\n </span>\n "])),n({tag:!0,"tag--primary":"primary"===this.variant,"tag--success":"success"===this.variant,"tag--neutral":"neutral"===this.variant,"tag--warning":"warning"===this.variant,"tag--danger":"danger"===this.variant,"tag--text":"text"===this.variant,"tag--small":"small"===this.size,"tag--medium":"medium"===this.size,"tag--large":"large"===this.size,"tag--pill":this.pill,"tag--removable":this.removable}),this.removable?s(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n <nile-icon-button\n part=\"remove-button\"\n exportparts=\"base:remove-button__base\"\n name=\"error\"\n library=\"system\"\n label=\"remove\"\n class=\"tag__remove\"\n @click=","\n tabindex=\"-1\"\n ></nile-icon-button>\n "])),this.handleRemoveClick):"");}}]);return j;}(e);j.styles=o,i([t({reflect:!0})],j.prototype,"variant",void 0),i([t({reflect:!0})],j.prototype,"size",void 0),i([t({type:Boolean,reflect:!0})],j.prototype,"pill",void 0),i([t({type:Boolean})],j.prototype,"removable",void 0),j=i([c("nile-tag")],j);}};});
|
|
2
2
|
//# sourceMappingURL=nile-tag.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-tag.cjs.js","sources":["../../../src/nile-tag/nile-tag.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 {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult,\n} from 'lit-element';\nimport { styles } from './nile-tag.css';\nimport '../nile-icon-button/nile-icon-button';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement } from 'lit/decorators.js';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\n/**\n * Nile icon component.\n *\n * @tag nile-tag\n *\n */\n\n/**\n * @summary Tags are used as labels to organize things or to indicate a selection.\n * @status stable\n *\n * @dependency nile-icon-button\n *\n * @slot - The tag's content.\n *\n * @event nile-remove - Emitted when the remove button is activated.\n *\n * @csspart base - The component's base wrapper.\n * @csspart content - The tag's content.\n * @csspart remove-button - The tag's remove button, an `<nile-icon-button>`.\n * @csspart remove-button__base - The remove button's exported `base` part.\n */\n\n@customElement('nile-tag')\nexport class NileTag extends NileElement {\n static styles: CSSResultGroup = styles;\n\n /** The tag's theme variant. */\n @property({ reflect: true }) variant:\n | 'primary'\n | 'success'\n | 'neutral'\n | 'warning'\n | 'danger'\n | 'text' = 'neutral';\n\n /** The tag's size. */\n @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n /** Draws a pill-style tag with rounded edges. */\n @property({ type: Boolean, reflect: true }) pill = false;\n\n /** Makes the tag removable and shows a remove button. */\n @property({ type: Boolean }) removable = false;\n\n private handleRemoveClick() {\n this.emit('nile-remove');\n }\n\n render() {\n return html`\n <span\n part=\"base\"\n class=${classMap({\n tag: true,\n\n // Types\n 'tag--primary': this.variant === 'primary',\n 'tag--success': this.variant === 'success',\n 'tag--neutral': this.variant === 'neutral',\n 'tag--warning': this.variant === 'warning',\n 'tag--danger': this.variant === 'danger',\n 'tag--text': this.variant === 'text',\n\n // Sizes\n 'tag--small': this.size === 'small',\n 'tag--medium': this.size === 'medium',\n 'tag--large': this.size === 'large',\n\n // Modifiers\n 'tag--pill': this.pill,\n 'tag--removable': this.removable,\n })}\n >\n <slot part=\"content\" class=\"tag__content\"></slot>\n\n ${this.removable\n ? html`\n <nile-icon-button\n part=\"remove-button\"\n exportparts=\"base:remove-button__base\"\n name=\"
|
|
1
|
+
{"version":3,"file":"nile-tag.cjs.js","sources":["../../../src/nile-tag/nile-tag.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 {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult,\n} from 'lit-element';\nimport { styles } from './nile-tag.css';\nimport '../nile-icon-button/nile-icon-button';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement } from 'lit/decorators.js';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\n/**\n * Nile icon component.\n *\n * @tag nile-tag\n *\n */\n\n/**\n * @summary Tags are used as labels to organize things or to indicate a selection.\n * @status stable\n *\n * @dependency nile-icon-button\n *\n * @slot - The tag's content.\n *\n * @event nile-remove - Emitted when the remove button is activated.\n *\n * @csspart base - The component's base wrapper.\n * @csspart content - The tag's content.\n * @csspart remove-button - The tag's remove button, an `<nile-icon-button>`.\n * @csspart remove-button__base - The remove button's exported `base` part.\n */\n\n@customElement('nile-tag')\nexport class NileTag extends NileElement {\n static styles: CSSResultGroup = styles;\n\n /** The tag's theme variant. */\n @property({ reflect: true }) variant:\n | 'primary'\n | 'success'\n | 'neutral'\n | 'warning'\n | 'danger'\n | 'text' = 'neutral';\n\n /** The tag's size. */\n @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n /** Draws a pill-style tag with rounded edges. */\n @property({ type: Boolean, reflect: true }) pill = false;\n\n /** Makes the tag removable and shows a remove button. */\n @property({ type: Boolean }) removable = false;\n\n private handleRemoveClick() {\n this.emit('nile-remove');\n }\n\n render() {\n return html`\n <span\n part=\"base\"\n class=${classMap({\n tag: true,\n\n // Types\n 'tag--primary': this.variant === 'primary',\n 'tag--success': this.variant === 'success',\n 'tag--neutral': this.variant === 'neutral',\n 'tag--warning': this.variant === 'warning',\n 'tag--danger': this.variant === 'danger',\n 'tag--text': this.variant === 'text',\n\n // Sizes\n 'tag--small': this.size === 'small',\n 'tag--medium': this.size === 'medium',\n 'tag--large': this.size === 'large',\n\n // Modifiers\n 'tag--pill': this.pill,\n 'tag--removable': this.removable,\n })}\n >\n <slot part=\"content\" class=\"tag__content\"></slot>\n\n ${this.removable\n ? html`\n <nile-icon-button\n part=\"remove-button\"\n exportparts=\"base:remove-button__base\"\n name=\"error\"\n library=\"system\"\n label=\"remove\"\n class=\"tag__remove\"\n @click=${this.handleRemoveClick}\n tabindex=\"-1\"\n ></nile-icon-button>\n `\n : ''}\n </span>\n `;\n }\n}\n\nexport default NileTag;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-tag': NileTag;\n }\n}\n"],"names":["NileTag","constructor","this","variant","size","pill","removable","handleRemoveClick","emit","render","html","classMap","tag","NileElement","styles","__decorate","property","reflect","prototype","type","Boolean","customElement"],"mappings":"wsmBA4CaA,CAAb,sEAAAC,YAAAA,sEAI+BC,MAAOC,OAMvB,CAAA,SAAA,CAGgBD,MAAIE,IAAAA,CAAiC,QAGtBF,CAAAA,MAAIG,MAAG,CAGtBH,CAAAA,MAASI,SAAG,CAAA,CAAA,CAkD1C,eAhDSC,2EAAAA,CACNL,IAAKM,CAAAA,IAAAA,CAAK,aACX,CAAA,EAEDC,uCACE,CAAA,MAAOC,EAAI,oOAGCC,CAAAA,CAAS,CACfC,GAAK,CAAA,CAAA,CAAA,CAGL,eAAiC,SAAjBV,GAAAA,IAAAA,CAAKC,QACrB,cAAiC,CAAA,SAAA,GAAjBD,KAAKC,OACrB,CAAA,cAAA,CAAiC,YAAjBD,IAAKC,CAAAA,OAAAA,CACrB,eAAiC,SAAjBD,GAAAA,IAAAA,CAAKC,QACrB,aAAgC,CAAA,QAAA,GAAjBD,KAAKC,OACpB,CAAA,WAAA,CAA8B,SAAjBD,IAAKC,CAAAA,OAAAA,CAGlB,aAA4B,OAAdD,GAAAA,IAAAA,CAAKE,KACnB,aAA6B,CAAA,QAAA,GAAdF,KAAKE,IACpB,CAAA,YAAA,CAA4B,UAAdF,IAAKE,CAAAA,IAAAA,CAGnB,YAAaF,IAAKG,CAAAA,IAAAA,CAClB,iBAAkBH,IAAKI,CAAAA,SAAAA,CAAAA,CAAAA,CAKvBJ,IAAAA,CAAKI,UACHI,CAAI,kcAQSR,IAAKK,CAAAA,iBAAAA,EAIlB,EAAA,EAGT,CAnEMP,eADoBa,CAA7BZ,EACSD,CAAAA,CAAMc,OAAmBA,CAGHC,CAAAA,CAAAA,CAAA,CAA5BC,CAAS,CAAA,CAAEC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAMEjB,CAAAkB,CAAAA,SAAAA,CAAA,cAAA,EAGMH,CAAAA,CAAAA,CAAAA,CAAA,CAA5BC,CAAS,CAAA,CAAEC,SAAS,CAAsDjB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAkB,SAAA,CAAA,MAAA,CAAA,IAAA,EAG/BH,CAAAA,CAAAA,CAAAA,CAAA,CAA3CC,CAAS,CAAA,CAAEG,KAAMC,OAASH,CAAAA,OAAAA,CAAAA,CAAS,KAAqBjB,CAAAkB,CAAAA,SAAAA,CAAA,MAAA,CAAA,IAAA,EAAA,CAAA,CAG5BH,CAAA,CAAA,CAA5BC,EAAS,CAAEG,IAAAA,CAAMC,OAA6BpB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAkB,SAAA,CAAA,WAAA,CAAA,IAAA,IAnBpClB,CAAOe,CAAAA,CAAAA,CAAA,CADnBM,CAAAA,CAAc,UACFrB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA"}
|
|
@@ -28,7 +28,7 @@ let NileAutoComplete = class NileAutoComplete extends NileElement {
|
|
|
28
28
|
async handleValueChange() {
|
|
29
29
|
await this.updateComplete;
|
|
30
30
|
// Filter menu items based on the search value
|
|
31
|
-
this.menuItems = this.allMenuItems.filter((item) => item.
|
|
31
|
+
this.menuItems = this.allMenuItems.filter((item) => item.toLowerCase().includes(this.value?.toLowerCase()));
|
|
32
32
|
}
|
|
33
33
|
handleSelect(event) {
|
|
34
34
|
this.value = event.detail.value;
|
|
@@ -40,7 +40,7 @@ let NileAutoComplete = class NileAutoComplete extends NileElement {
|
|
|
40
40
|
const searchValue = event.detail.value.toLowerCase();
|
|
41
41
|
this.value = searchValue;
|
|
42
42
|
// Filter menu items based on the search value
|
|
43
|
-
this.menuItems = this.allMenuItems.filter((item) => item
|
|
43
|
+
this.menuItems = this.allMenuItems.filter((item) => item?.toLowerCase().includes(searchValue));
|
|
44
44
|
this.isDropdownOpen = this.menuItems.length > 0;
|
|
45
45
|
if (this.isDropdownOpen)
|
|
46
46
|
this.dropdownElement?.show();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-auto-complete.js","sourceRoot":"","sources":["../../../src/nile-auto-complete/nile-auto-complete.ts"],"names":[],"mappings":";AAAA,OAAO,EAEL,IAAI,EACJ,QAAQ,GAGT,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEhE,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,iDAAiD;AAEjD,IAAa,gBAAgB,GAA7B,MAAa,gBAAiB,SAAQ,WAAW;IAAjD;;QACE,8BAA8B;QACD,mBAAc,GAAY,KAAK,CAAC;QAEhC,gBAAW,GAAY,KAAK,CAAC;QAE9B,UAAK,GAAW,EAAE,CAAC;QAEnB,gBAAW,GAAW,cAAc,CAAC;QAEpC,aAAQ,GAAY,KAAK,CAAC;QAE9C,cAAS,GAAQ,EAAE,CAAC;QAEF,iBAAY,GAAQ,EAAE,CAAC;IA+FpD,CAAC;IA3FC,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC;IAC1C,CAAC;IAED,+CAA+C;IAE/C,wBAAwB;QACtB,IAAI,CAAC,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC;IAC1C,CAAC;IAED,+DAA+D;IAI/D,KAAK,CAAC,iBAAiB;QACrB,MAAM,IAAI,CAAC,cAAc,CAAC;QAC1B,8CAA8C;QAC9C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"nile-auto-complete.js","sourceRoot":"","sources":["../../../src/nile-auto-complete/nile-auto-complete.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult,\n} from 'lit-element';\nimport { customElement, query, state } from 'lit/decorators.js';\nimport { styles } from './nile-auto-complete.css';\nimport NileElement from '../internal/nile-element';\nimport { watch } from '../watch';\n\n// Define the custom element 'nile-auto-complete'\n@customElement('nile-auto-complete')\nexport class NileAutoComplete extends NileElement {\n // Define component properties\n @property({ type: Boolean }) isDropdownOpen: boolean = false;\n\n @property({ type: Boolean }) openOnFocus: boolean = false;\n\n @property({ type: String }) value: string = '';\n\n @property({ type: String }) placeholder: string = 'Type here ..';\n\n @property({ type: Boolean }) noBorder: boolean = false;\n\n @state() menuItems: any = [];\n\n @property({ type: Array }) allMenuItems: any = [];\n\n @query('nile-dropdown') dropdownElement: any;\n\n connectedCallback() {\n super.connectedCallback();\n this.menuItems = [...this.allMenuItems];\n }\n\n // Watch for changes in 'allMenuItems' property\n @watch('allMenuItems')\n handleAllMenuItemsChange() {\n this.menuItems = [...this.allMenuItems];\n }\n\n // Watch for changes in 'value' and 'isDropdownOpen' properties\n @watch('value', { waitUntilFirstUpdate: true })\n\n @watch('isDropdownOpen', { waitUntilFirstUpdate: true })\n async handleValueChange() {\n await this.updateComplete;\n // Filter menu items based on the search value\n this.menuItems = this.allMenuItems.filter((item: string) =>\n item.toLowerCase().includes(this.value?.toLowerCase())\n );\n }\n\n private handleSelect(event: CustomEvent) {\n this.value = event.detail.value;\n this.emit('nile-complete', { value: event.detail.value });\n this.isDropdownOpen = false;\n this.dropdownElement?.hide();\n }\n\n private handleSearch(event: CustomEvent) {\n const searchValue = event.detail.value.toLowerCase();\n this.value = searchValue;\n\n // Filter menu items based on the search value\n this.menuItems = this.allMenuItems.filter((item: string) =>\n item?.toLowerCase().includes(searchValue)\n );\n\n this.isDropdownOpen = this.menuItems.length > 0;\n if (this.isDropdownOpen) this.dropdownElement?.show();\n }\n\n public handleFocus() {\n if (!this.openOnFocus) {\n return;\n }\n\n // Delay opening the dropdown to allow focus to take effect\n setTimeout(() => {\n this.isDropdownOpen = true;\n this.dropdownElement?.show();\n }, 300);\n }\n\n private handleClick() {\n this.isDropdownOpen = true;\n this.dropdownElement?.show();\n }\n\n private handleBlur() {\n this.menuItems = this.allMenuItems;\n }\n\n public render(): TemplateResult {\n return html`\n <nile-dropdown class=\"nile-dropdown--input\" ?open=${this.isDropdownOpen} noOpenOnCLick>\n <nile-input class=\"nile-auto-complete--input\"\n ?no-border=${this.noBorder}\n .value=${this.value}\n @nile-input=${this.handleSearch}\n @focus=${this.handleFocus}\n @blur=${this.handleBlur}\n @click=${this.handleClick}\n slot=\"trigger\"\n placeholder=${this.placeholder}\n ></nile-input>\n ${this.menuItems.length > 0\n ? html`\n <nile-menu @nile-select=${this.handleSelect}>\n ${this.menuItems.map(\n (item: unknown) => html`\n <nile-menu-item value=${item}>${item}</nile-menu-item>\n `\n )}\n </nile-menu>\n `\n : ''}\n </nile-dropdown>\n `;\n }\n}\n\nexport default NileAutoComplete;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-auto-complete': NileAutoComplete;\n }\n}\n"]}
|
|
@@ -27,7 +27,9 @@ export declare class NileChip extends NileElement {
|
|
|
27
27
|
disabled: boolean;
|
|
28
28
|
/** The input's help text. If you need to display HTML, use the `help-text` slot instead. */
|
|
29
29
|
helpText: string;
|
|
30
|
-
|
|
30
|
+
autoCompleteOptions: any[];
|
|
31
|
+
value: any[];
|
|
32
|
+
onValueChanged(): void;
|
|
31
33
|
private handleSelect;
|
|
32
34
|
private handleRemove;
|
|
33
35
|
private handleInputChange;
|
|
@@ -10,6 +10,7 @@ import { customElement, query, state } from 'lit/decorators.js';
|
|
|
10
10
|
import { styles } from './nile-chip.css';
|
|
11
11
|
import { classMap } from 'lit/directives/class-map.js';
|
|
12
12
|
import { HasSlotController } from '../internal/slot';
|
|
13
|
+
import { watch } from '../internal/watch';
|
|
13
14
|
import NileElement from '../internal/nile-element';
|
|
14
15
|
let NileChip = class NileChip extends NileElement {
|
|
15
16
|
constructor() {
|
|
@@ -34,21 +35,26 @@ let NileChip = class NileChip extends NileElement {
|
|
|
34
35
|
this.helpText = '';
|
|
35
36
|
// Auto-complete options
|
|
36
37
|
this.autoCompleteOptions = [];
|
|
38
|
+
this.value = [];
|
|
37
39
|
}
|
|
38
40
|
static get styles() {
|
|
39
41
|
return [styles];
|
|
40
42
|
}
|
|
43
|
+
onValueChanged() {
|
|
44
|
+
this.tags = [...this.value];
|
|
45
|
+
}
|
|
41
46
|
handleSelect(event) {
|
|
42
|
-
// Emit a custom event with the selected value
|
|
43
|
-
this.emit('nile-chip-change', { value: event.detail.value });
|
|
44
47
|
// Add the selected value to the tags array
|
|
45
48
|
this.tags = [...this.tags, event.detail.value];
|
|
49
|
+
// Emit a custom event with the selected value
|
|
50
|
+
this.emit('nile-chip-change', { value: this.tags });
|
|
46
51
|
// Reset the input field
|
|
47
52
|
this.resetInput();
|
|
48
53
|
}
|
|
49
54
|
handleRemove(value) {
|
|
50
55
|
// Remove the tag from the tags array
|
|
51
56
|
this.tags = this.tags.filter(tag => tag !== value);
|
|
57
|
+
this.emit('nile-chip-change', { value: this.tags });
|
|
52
58
|
}
|
|
53
59
|
handleInputChange(event) {
|
|
54
60
|
// Update the input value
|
|
@@ -61,6 +67,7 @@ let NileChip = class NileChip extends NileElement {
|
|
|
61
67
|
if (event.key === 'Enter' && this.inputValue) {
|
|
62
68
|
this.tags = [...this.tags, this.inputValue];
|
|
63
69
|
this.resetInput();
|
|
70
|
+
this.emit('nile-chip-change', { value: this.tags });
|
|
64
71
|
}
|
|
65
72
|
}
|
|
66
73
|
handleFocus() {
|
|
@@ -167,6 +174,15 @@ __decorate([
|
|
|
167
174
|
__decorate([
|
|
168
175
|
property({ attribute: 'help-text' })
|
|
169
176
|
], NileChip.prototype, "helpText", void 0);
|
|
177
|
+
__decorate([
|
|
178
|
+
property({ type: Array })
|
|
179
|
+
], NileChip.prototype, "autoCompleteOptions", void 0);
|
|
180
|
+
__decorate([
|
|
181
|
+
property({ type: Array })
|
|
182
|
+
], NileChip.prototype, "value", void 0);
|
|
183
|
+
__decorate([
|
|
184
|
+
watch('value')
|
|
185
|
+
], NileChip.prototype, "onValueChanged", null);
|
|
170
186
|
NileChip = __decorate([
|
|
171
187
|
customElement('nile-chip')
|
|
172
188
|
], NileChip);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-chip.js","sourceRoot":"","sources":["../../../src/nile-chip/nile-chip.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,EACJ,QAAQ,EAGT,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"nile-chip.js","sourceRoot":"","sources":["../../../src/nile-chip/nile-chip.ts"],"names":[],"mappings":"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","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 {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult\n} from 'lit-element';\nimport { customElement, query, state } from 'lit/decorators.js';\nimport { styles } from './nile-chip.css';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { HasSlotController } from '../internal/slot';\nimport { watch } from '../internal/watch';\nimport NileElement, { NileFormControl } from '../internal/nile-element';\n\n\ninterface CustomEventDetail {\n value: string;\n}\n\n@customElement('nile-chip')\nexport class NileChip extends NileElement {\n\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n private readonly hasSlotController = new HasSlotController(this, 'help-text', 'label');\n\n @state() tags: string[] = [];\n\n @state() inputValue: string = '';\n\n @state() isDropdownOpen: boolean = false;\n\n @query('nile-auto-complete') autoComplete!: any;\n\n /** The input's label. If you need to display HTML, use the `label` slot instead. */\n @property() label = '';\n\n /** Adds a clear button when the input is not empty. */\n @property({ type: Boolean }) acceptUserInput = false;\n\n /** Adds a clear button when the input is not empty. */\n @property({ type: Boolean }) clearable = false;\n\n /** Placeholder text to show as a hint when the input is empty. */\n @property() placeholder = '';\n\n /** Makes the input readonly. */\n @property({ type: Boolean, reflect: true }) readonly = false;\n\n /** Disables the input. */\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /** The input's help text. If you need to display HTML, use the `help-text` slot instead. */\n @property({ attribute: 'help-text' }) helpText = '';\n\n // Auto-complete options\n @property({ type: Array }) autoCompleteOptions : any[] = [];\n\n @property({ type: Array }) value : any[] = [];\n\n @watch('value')\n onValueChanged() {\n this.tags = [...this.value];\n }\n\n private handleSelect(event: CustomEvent<CustomEventDetail>) {\n\n // Add the selected value to the tags array\n this.tags = [...this.tags, event.detail.value];\n\n // Emit a custom event with the selected value\n this.emit('nile-chip-change', { value: this.tags });\n\n // Reset the input field\n this.resetInput();\n }\n\n private handleRemove(value: string) {\n // Remove the tag from the tags array\n this.tags = this.tags.filter(tag => tag !== value);\n this.emit('nile-chip-change', { value: this.tags });\n\n }\n\n private handleInputChange(event: CustomEvent<CustomEventDetail>) {\n // Update the input value\n this.inputValue = event.detail.value;\n }\n\n private handleInputKeydown(event: KeyboardEvent) {\n if (!this.acceptUserInput) {\n return;\n }\n\n if (event.key === 'Enter' && this.inputValue) {\n this.tags = [...this.tags, this.inputValue];\n\n this.resetInput();\n this.emit('nile-chip-change', { value: this.tags });\n }\n\n\n }\n\n private handleFocus() {\n this.isDropdownOpen = true;\n }\n\n private resetInput() {\n // Reset the input-related properties\n this.inputValue = '';\n this.isDropdownOpen = false;\n this.autoComplete.value = '';\n this.autoComplete.handleFocus();\n }\n\n render() {\n // Check if slots are present\n const hasLabelSlot = this.hasSlotController.test('label');\n const hasHelpTextSlot = this.hasSlotController.test('help-text');\n\n // Check if label and help text are present\n const hasLabel = this.label ? true : !!hasLabelSlot;\n const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;\n\n return html`\n <div\n part=\"form-control\"\n class=${classMap({\n 'form-control': true,\n 'form-control--medium': true,\n 'form-control--has-label': hasLabel,\n 'form-control--has-help-text': hasHelpText,\n 'nile-chip--disabled': this.disabled,\n })}\n >\n <label\n part=\"form-control-label\"\n class=\"form-control__label\"\n for=\"input\"\n aria-hidden=${hasLabel ? 'false' : 'true'}\n >\n <slot name=\"label\">${this.label}</slot>\n </label>\n\n <div class=\"nile-chip\">\n ${this.tags.map(tag => html`\n <nile-tag class=\"nile-chip__tags\" @nile-remove=${() => this.handleRemove(tag)} removable pill>\n ${tag}\n </nile-tag>\n `)}\n <div class=\"nile-chip__auto-complete\">\n <nile-auto-complete\n .allMenuItems=${this.autoCompleteOptions}\n .value=${this.inputValue}\n ?isDropdownOpen=${this.isDropdownOpen}\n .noBorder=${true}\n openOnFocus\n .placeholder=${this.placeholder}\n @nile-input=${this.handleInputChange}\n @keydown=${this.handleInputKeydown}\n @nile-focus=${this.handleFocus}\n @nile-complete=${this.handleSelect}\n ></nile-auto-complete>\n </div>\n <slot\n name=\"help-text\"\n part=\"form-control-help-text\"\n id=\"help-text\"\n class=\"form-control__help-text\"\n aria-hidden=${hasHelpText ? 'false' : 'true'}\n >\n ${this.helpText}\n </slot>\n </div>\n </div>\n `;\n }\n}\n\nexport default NileChip;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-chip': NileChip;\n }\n}\n"]}
|
|
@@ -121,7 +121,7 @@ let NileMenuItem = class NileMenuItem extends NileElement {
|
|
|
121
121
|
})}
|
|
122
122
|
>
|
|
123
123
|
<span part="checked-icon" class="menu-item__check">
|
|
124
|
-
<nile-icon name="
|
|
124
|
+
<nile-icon name="tick" library="system" aria-hidden="true"></nile-icon>
|
|
125
125
|
</span>
|
|
126
126
|
|
|
127
127
|
<slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
|
|
@@ -131,7 +131,7 @@ let NileMenuItem = class NileMenuItem extends NileElement {
|
|
|
131
131
|
<slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
|
|
132
132
|
|
|
133
133
|
<span part="submenu-icon" class="menu-item__chevron">
|
|
134
|
-
<nile-icon name="
|
|
134
|
+
<nile-icon name="arrowright" library="system" aria-hidden="true"></nile-icon>
|
|
135
135
|
</span>
|
|
136
136
|
</div>
|
|
137
137
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-menu-item.js","sourceRoot":"","sources":["../../../src/nile-menu-item/nile-menu-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAa,IAAI,EAAE,QAAQ,EAAiC,MAAM,aAAa,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;GAqBG;AAGH,IAAa,YAAY,GAAzB,MAAa,YAAa,SAAQ,WAAW;IAA7C;;QASE,+FAA+F;QACnF,SAAI,GAA0B,QAAQ,CAAC;QAEnD,yCAAyC;QACG,YAAO,GAAG,KAAK,CAAC;QAE5D,gHAAgH;QACpG,UAAK,GAAG,EAAE,CAAC;QAEvB,qEAAqE;QACzB,aAAQ,GAAG,KAAK,CAAC;IAsG/D,CAAC;IApGC,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvD,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;IACvD,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;IAC1D,CAAC;IAEO,uBAAuB;QAC7B,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QAEtC,yCAAyC;QACzC,IAAI,OAAO,IAAI,CAAC,eAAe,KAAK,WAAW,EAAE;YAC/C,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC;YACjC,OAAO;SACR;QAED,4EAA4E;QAC5E,IAAI,SAAS,KAAK,IAAI,CAAC,eAAe,EAAE;YACtC,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC;YACjC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;SAChF;IACH,CAAC;IAEO,eAAe,CAAC,KAAiB;QACvC,oFAAoF;QACpF,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,wBAAwB,EAAE,CAAC;SAClC;IACH,CAAC;IAGD,mBAAmB;QACjB,2FAA2F;QAC3F,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE;YAC5C,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,OAAO,CAAC,KAAK,CAAC,2EAA2E,EAAE,IAAI,CAAC,CAAC;YACjG,OAAO;SACR;QAED,6DAA6D;QAC7D,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE;YAC5B,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;SACpE;aAAM;YACL,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;SACtC;IACH,CAAC;IAGD,oBAAoB;QAClB,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IACvE,CAAC;IAGD,gBAAgB;QACd,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE;YAC5B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;YAC9C,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;SACpE;aAAM;YACL,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;YACtC,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;SACtC;IACH,CAAC;IAED,kFAAkF;IAClF,YAAY;QACV,OAAO,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC1C,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;gBAGC,QAAQ,CAAC;YACf,WAAW,EAAE,IAAI;YACjB,oBAAoB,EAAE,IAAI,CAAC,OAAO;YAClC,qBAAqB,EAAE,IAAI,CAAC,QAAQ;YACpC,wBAAwB,EAAE,KAAK,CAAC,0BAA0B;SAC3D,CAAC;;;;;;;;kEAQwD,IAAI,CAAC,uBAAuB;;;;;;;;KAQzF,CAAC;IACJ,CAAC;CACF,CAAA;AAxHQ,mBAAM,GAAmB,MAAO,CAAA;AAIZ;IAA1B,KAAK,CAAC,kBAAkB,CAAC;iDAA8B;AAEnC;IAApB,KAAK,CAAC,YAAY,CAAC;8CAAuB;AAG/B;IAAX,QAAQ,EAAE;0CAAwC;AAGP;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAAiB;AAGhD;IAAX,QAAQ,EAAE;2CAAY;AAGqB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAAkB;AAsC7D;IADC,KAAK,CAAC,SAAS,CAAC;uDAehB;AAGD;IADC,KAAK,CAAC,UAAU,CAAC;wDAGjB;AAGD;IADC,KAAK,CAAC,MAAM,CAAC;oDASb;AAvFU,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAyHxB;SAzHY,YAAY;AA2HzB,eAAe,YAAY,CAAC","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 {LitElement, html, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport {styles} from './nile-menu-item.css';\nimport '../nile-icon';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { query } from 'lit/decorators.js';\nimport { getTextContent } from '../internal/slot';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\n/**\n * Nile icon component.\n *\n * @tag nile-menu-item\n *\n * @summary Menu items provide options for the user to pick from in a menu.\n * @status stable\n * @since 2.0\n *\n * @dependency nile-icon\n *\n * @slot - The menu item's label.\n * @slot prefix - Used to prepend an icon or similar element to the menu item.\n * @slot suffix - Used to append an icon or similar element to the menu item.\n *\n * @csspart base - The component's base wrapper.\n * @csspart checked-icon - The checked icon, which is only visible when the menu item is checked.\n * @csspart prefix - The prefix container.\n * @csspart label - The menu item label.\n * @csspart suffix - The suffix container.\n * @csspart submenu-icon - The submenu icon, visible only when the menu item has a submenu (not yet implemented).\n */\n\n@customElement('nile-menu-item')\nexport class NileMenuItem extends NileElement {\n static styles: CSSResultGroup = styles;\n\n private cachedTextLabel: string;\n\n @query('slot:not([name])') defaultSlot: HTMLSlotElement;\n\n @query('.menu-item') menuItem: HTMLElement;\n\n /** The type of menu item to render. To use `checked`, this value must be set to `checkbox`. */\n @property() type: 'normal' | 'checkbox' = 'normal';\n\n /** Draws the item in a checked state. */\n @property({ type: Boolean, reflect: true }) checked = false;\n\n /** A unique value to store in the menu item. This can be used as a way to identify menu items when selected. */\n @property() value = '';\n\n /** Draws the menu item in a disabled state, preventing selection. */\n @property({ type: Boolean, reflect: true }) disabled = false;\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 private handleDefaultSlotChange() {\n const textLabel = this.getTextLabel();\n\n // Ignore the first time the label is set\n if (typeof this.cachedTextLabel === 'undefined') {\n this.cachedTextLabel = textLabel;\n return;\n }\n\n // When the label changes, emit a slotchange event so parent controls see it\n if (textLabel !== this.cachedTextLabel) {\n this.cachedTextLabel = textLabel;\n this.emit('slotchange', { bubbles: true, composed: false, cancelable: false });\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) {\n event.preventDefault();\n event.stopImmediatePropagation();\n }\n }\n\n @watch('checked')\n handleCheckedChange() {\n // For proper accessibility, users have to use type=\"checkbox\" to use the checked attribute\n if (this.checked && this.type !== 'checkbox') {\n this.checked = false;\n console.error('The checked attribute can only be used on menu items with type=\"checkbox\"', this);\n return;\n }\n\n // Only checkbox types can receive the aria-checked attribute\n if (this.type === 'checkbox') {\n this.setAttribute('aria-checked', this.checked ? 'true' : 'false');\n } else {\n this.removeAttribute('aria-checked');\n }\n }\n\n @watch('disabled')\n handleDisabledChange() {\n this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n }\n\n @watch('type')\n handleTypeChange() {\n if (this.type === 'checkbox') {\n this.setAttribute('role', 'menuitemcheckbox');\n this.setAttribute('aria-checked', this.checked ? 'true' : 'false');\n } else {\n this.setAttribute('role', 'menuitem');\n this.removeAttribute('aria-checked');\n }\n }\n\n /** Returns a text label based on the contents of the menu item's default slot. */\n getTextLabel() {\n return getTextContent(this.defaultSlot);\n }\n\n render() {\n return html`\n <div\n part=\"base\"\n class=${classMap({\n 'menu-item': true,\n 'menu-item--checked': this.checked,\n 'menu-item--disabled': this.disabled,\n 'menu-item--has-submenu': false // reserved for future use\n })}\n >\n <span part=\"checked-icon\" class=\"menu-item__check\">\n <nile-icon name=\"
|
|
1
|
+
{"version":3,"file":"nile-menu-item.js","sourceRoot":"","sources":["../../../src/nile-menu-item/nile-menu-item.ts"],"names":[],"mappings":"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","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 {LitElement, html, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport {styles} from './nile-menu-item.css';\nimport '../nile-icon';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { query } from 'lit/decorators.js';\nimport { getTextContent } from '../internal/slot';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\n/**\n * Nile icon component.\n *\n * @tag nile-menu-item\n *\n * @summary Menu items provide options for the user to pick from in a menu.\n * @status stable\n * @since 2.0\n *\n * @dependency nile-icon\n *\n * @slot - The menu item's label.\n * @slot prefix - Used to prepend an icon or similar element to the menu item.\n * @slot suffix - Used to append an icon or similar element to the menu item.\n *\n * @csspart base - The component's base wrapper.\n * @csspart checked-icon - The checked icon, which is only visible when the menu item is checked.\n * @csspart prefix - The prefix container.\n * @csspart label - The menu item label.\n * @csspart suffix - The suffix container.\n * @csspart submenu-icon - The submenu icon, visible only when the menu item has a submenu (not yet implemented).\n */\n\n@customElement('nile-menu-item')\nexport class NileMenuItem extends NileElement {\n static styles: CSSResultGroup = styles;\n\n private cachedTextLabel: string;\n\n @query('slot:not([name])') defaultSlot: HTMLSlotElement;\n\n @query('.menu-item') menuItem: HTMLElement;\n\n /** The type of menu item to render. To use `checked`, this value must be set to `checkbox`. */\n @property() type: 'normal' | 'checkbox' = 'normal';\n\n /** Draws the item in a checked state. */\n @property({ type: Boolean, reflect: true }) checked = false;\n\n /** A unique value to store in the menu item. This can be used as a way to identify menu items when selected. */\n @property() value = '';\n\n /** Draws the menu item in a disabled state, preventing selection. */\n @property({ type: Boolean, reflect: true }) disabled = false;\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 private handleDefaultSlotChange() {\n const textLabel = this.getTextLabel();\n\n // Ignore the first time the label is set\n if (typeof this.cachedTextLabel === 'undefined') {\n this.cachedTextLabel = textLabel;\n return;\n }\n\n // When the label changes, emit a slotchange event so parent controls see it\n if (textLabel !== this.cachedTextLabel) {\n this.cachedTextLabel = textLabel;\n this.emit('slotchange', { bubbles: true, composed: false, cancelable: false });\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) {\n event.preventDefault();\n event.stopImmediatePropagation();\n }\n }\n\n @watch('checked')\n handleCheckedChange() {\n // For proper accessibility, users have to use type=\"checkbox\" to use the checked attribute\n if (this.checked && this.type !== 'checkbox') {\n this.checked = false;\n console.error('The checked attribute can only be used on menu items with type=\"checkbox\"', this);\n return;\n }\n\n // Only checkbox types can receive the aria-checked attribute\n if (this.type === 'checkbox') {\n this.setAttribute('aria-checked', this.checked ? 'true' : 'false');\n } else {\n this.removeAttribute('aria-checked');\n }\n }\n\n @watch('disabled')\n handleDisabledChange() {\n this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n }\n\n @watch('type')\n handleTypeChange() {\n if (this.type === 'checkbox') {\n this.setAttribute('role', 'menuitemcheckbox');\n this.setAttribute('aria-checked', this.checked ? 'true' : 'false');\n } else {\n this.setAttribute('role', 'menuitem');\n this.removeAttribute('aria-checked');\n }\n }\n\n /** Returns a text label based on the contents of the menu item's default slot. */\n getTextLabel() {\n return getTextContent(this.defaultSlot);\n }\n\n render() {\n return html`\n <div\n part=\"base\"\n class=${classMap({\n 'menu-item': true,\n 'menu-item--checked': this.checked,\n 'menu-item--disabled': this.disabled,\n 'menu-item--has-submenu': false // reserved for future use\n })}\n >\n <span part=\"checked-icon\" class=\"menu-item__check\">\n <nile-icon name=\"tick\" library=\"system\" aria-hidden=\"true\"></nile-icon>\n </span>\n\n <slot name=\"prefix\" part=\"prefix\" class=\"menu-item__prefix\"></slot>\n\n <slot part=\"label\" class=\"menu-item__label\" @slotchange=${this.handleDefaultSlotChange}></slot>\n\n <slot name=\"suffix\" part=\"suffix\" class=\"menu-item__suffix\"></slot>\n\n <span part=\"submenu-icon\" class=\"menu-item__chevron\">\n <nile-icon name=\"arrowright\" library=\"system\" aria-hidden=\"true\"></nile-icon>\n </span>\n </div>\n `;\n }\n}\n\nexport default NileMenuItem;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-menu-item': NileMenuItem;\n }\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-tag.js","sourceRoot":"","sources":["../../../src/nile-tag/nile-tag.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,EACJ,QAAQ,GAGT,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD;;;;;GAKG;AAEH;;;;;;;;;;;;;;GAcG;AAGH,IAAa,OAAO,GAApB,MAAa,OAAQ,SAAQ,WAAW;IAAxC;;QAGE,+BAA+B;QACF,YAAO,GAMvB,SAAS,CAAC;QAEvB,sBAAsB;QACO,SAAI,GAAiC,QAAQ,CAAC;QAE3E,iDAAiD;QACL,SAAI,GAAG,KAAK,CAAC;QAEzD,yDAAyD;QAC5B,cAAS,GAAG,KAAK,CAAC;IAkDjD,CAAC;IAhDS,iBAAiB;QACvB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC3B,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;gBAGC,QAAQ,CAAC;YACf,GAAG,EAAE,IAAI;YAET,QAAQ;YACR,cAAc,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YAC1C,cAAc,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YAC1C,cAAc,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YAC1C,cAAc,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YAC1C,aAAa,EAAE,IAAI,CAAC,OAAO,KAAK,QAAQ;YACxC,WAAW,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM;YAEpC,QAAQ;YACR,YAAY,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;YACnC,aAAa,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ;YACrC,YAAY,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;YAEnC,YAAY;YACZ,WAAW,EAAE,IAAI,CAAC,IAAI;YACtB,gBAAgB,EAAE,IAAI,CAAC,SAAS;SACjC,CAAC;;;;UAIA,IAAI,CAAC,SAAS;YACd,CAAC,CAAC,IAAI,CAAA;;;;;;;;yBAQS,IAAI,CAAC,iBAAiB;;;aAGlC;YACH,CAAC,CAAC,EAAE;;KAET,CAAC;IACJ,CAAC;CACF,CAAA;AApEQ,cAAM,GAAmB,MAAO,CAAA;AAGV;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAML;AAGM;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCAA+C;AAG/B;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCAAc;AAG5B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CAAmB;AAnBpC,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAqEnB;SArEY,OAAO;AAuEpB,eAAe,OAAO,CAAC","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 {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult,\n} from 'lit-element';\nimport { styles } from './nile-tag.css';\nimport '../nile-icon-button/nile-icon-button';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement } from 'lit/decorators.js';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\n/**\n * Nile icon component.\n *\n * @tag nile-tag\n *\n */\n\n/**\n * @summary Tags are used as labels to organize things or to indicate a selection.\n * @status stable\n *\n * @dependency nile-icon-button\n *\n * @slot - The tag's content.\n *\n * @event nile-remove - Emitted when the remove button is activated.\n *\n * @csspart base - The component's base wrapper.\n * @csspart content - The tag's content.\n * @csspart remove-button - The tag's remove button, an `<nile-icon-button>`.\n * @csspart remove-button__base - The remove button's exported `base` part.\n */\n\n@customElement('nile-tag')\nexport class NileTag extends NileElement {\n static styles: CSSResultGroup = styles;\n\n /** The tag's theme variant. */\n @property({ reflect: true }) variant:\n | 'primary'\n | 'success'\n | 'neutral'\n | 'warning'\n | 'danger'\n | 'text' = 'neutral';\n\n /** The tag's size. */\n @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n /** Draws a pill-style tag with rounded edges. */\n @property({ type: Boolean, reflect: true }) pill = false;\n\n /** Makes the tag removable and shows a remove button. */\n @property({ type: Boolean }) removable = false;\n\n private handleRemoveClick() {\n this.emit('nile-remove');\n }\n\n render() {\n return html`\n <span\n part=\"base\"\n class=${classMap({\n tag: true,\n\n // Types\n 'tag--primary': this.variant === 'primary',\n 'tag--success': this.variant === 'success',\n 'tag--neutral': this.variant === 'neutral',\n 'tag--warning': this.variant === 'warning',\n 'tag--danger': this.variant === 'danger',\n 'tag--text': this.variant === 'text',\n\n // Sizes\n 'tag--small': this.size === 'small',\n 'tag--medium': this.size === 'medium',\n 'tag--large': this.size === 'large',\n\n // Modifiers\n 'tag--pill': this.pill,\n 'tag--removable': this.removable,\n })}\n >\n <slot part=\"content\" class=\"tag__content\"></slot>\n\n ${this.removable\n ? html`\n <nile-icon-button\n part=\"remove-button\"\n exportparts=\"base:remove-button__base\"\n name=\"
|
|
1
|
+
{"version":3,"file":"nile-tag.js","sourceRoot":"","sources":["../../../src/nile-tag/nile-tag.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,EACJ,QAAQ,GAGT,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD;;;;;GAKG;AAEH;;;;;;;;;;;;;;GAcG;AAGH,IAAa,OAAO,GAApB,MAAa,OAAQ,SAAQ,WAAW;IAAxC;;QAGE,+BAA+B;QACF,YAAO,GAMvB,SAAS,CAAC;QAEvB,sBAAsB;QACO,SAAI,GAAiC,QAAQ,CAAC;QAE3E,iDAAiD;QACL,SAAI,GAAG,KAAK,CAAC;QAEzD,yDAAyD;QAC5B,cAAS,GAAG,KAAK,CAAC;IAkDjD,CAAC;IAhDS,iBAAiB;QACvB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC3B,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;gBAGC,QAAQ,CAAC;YACf,GAAG,EAAE,IAAI;YAET,QAAQ;YACR,cAAc,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YAC1C,cAAc,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YAC1C,cAAc,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YAC1C,cAAc,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YAC1C,aAAa,EAAE,IAAI,CAAC,OAAO,KAAK,QAAQ;YACxC,WAAW,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM;YAEpC,QAAQ;YACR,YAAY,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;YACnC,aAAa,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ;YACrC,YAAY,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;YAEnC,YAAY;YACZ,WAAW,EAAE,IAAI,CAAC,IAAI;YACtB,gBAAgB,EAAE,IAAI,CAAC,SAAS;SACjC,CAAC;;;;UAIA,IAAI,CAAC,SAAS;YACd,CAAC,CAAC,IAAI,CAAA;;;;;;;;yBAQS,IAAI,CAAC,iBAAiB;;;aAGlC;YACH,CAAC,CAAC,EAAE;;KAET,CAAC;IACJ,CAAC;CACF,CAAA;AApEQ,cAAM,GAAmB,MAAO,CAAA;AAGV;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAML;AAGM;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCAA+C;AAG/B;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCAAc;AAG5B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CAAmB;AAnBpC,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAqEnB;SArEY,OAAO;AAuEpB,eAAe,OAAO,CAAC","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 {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult,\n} from 'lit-element';\nimport { styles } from './nile-tag.css';\nimport '../nile-icon-button/nile-icon-button';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement } from 'lit/decorators.js';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\n/**\n * Nile icon component.\n *\n * @tag nile-tag\n *\n */\n\n/**\n * @summary Tags are used as labels to organize things or to indicate a selection.\n * @status stable\n *\n * @dependency nile-icon-button\n *\n * @slot - The tag's content.\n *\n * @event nile-remove - Emitted when the remove button is activated.\n *\n * @csspart base - The component's base wrapper.\n * @csspart content - The tag's content.\n * @csspart remove-button - The tag's remove button, an `<nile-icon-button>`.\n * @csspart remove-button__base - The remove button's exported `base` part.\n */\n\n@customElement('nile-tag')\nexport class NileTag extends NileElement {\n static styles: CSSResultGroup = styles;\n\n /** The tag's theme variant. */\n @property({ reflect: true }) variant:\n | 'primary'\n | 'success'\n | 'neutral'\n | 'warning'\n | 'danger'\n | 'text' = 'neutral';\n\n /** The tag's size. */\n @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n /** Draws a pill-style tag with rounded edges. */\n @property({ type: Boolean, reflect: true }) pill = false;\n\n /** Makes the tag removable and shows a remove button. */\n @property({ type: Boolean }) removable = false;\n\n private handleRemoveClick() {\n this.emit('nile-remove');\n }\n\n render() {\n return html`\n <span\n part=\"base\"\n class=${classMap({\n tag: true,\n\n // Types\n 'tag--primary': this.variant === 'primary',\n 'tag--success': this.variant === 'success',\n 'tag--neutral': this.variant === 'neutral',\n 'tag--warning': this.variant === 'warning',\n 'tag--danger': this.variant === 'danger',\n 'tag--text': this.variant === 'text',\n\n // Sizes\n 'tag--small': this.size === 'small',\n 'tag--medium': this.size === 'medium',\n 'tag--large': this.size === 'large',\n\n // Modifiers\n 'tag--pill': this.pill,\n 'tag--removable': this.removable,\n })}\n >\n <slot part=\"content\" class=\"tag__content\"></slot>\n\n ${this.removable\n ? html`\n <nile-icon-button\n part=\"remove-button\"\n exportparts=\"base:remove-button__base\"\n name=\"error\"\n library=\"system\"\n label=\"remove\"\n class=\"tag__remove\"\n @click=${this.handleRemoveClick}\n tabindex=\"-1\"\n ></nile-icon-button>\n `\n : ''}\n </span>\n `;\n }\n}\n\nexport default NileTag;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-tag': NileTag;\n }\n}\n"]}
|