@aquera/nile-elements 0.1.40-beta-2.2 → 0.1.40-beta-2.3

package/dist/nile-drawer/nile-drawer.test.esm.js

@@ -1,17 +1,17 @@
-import{f as i,a as s,w as n}from"../fixture-8edec91c.esm.js";import{html as o}from"lit/static-html.js";import"lit/html.js";import"lit/directive-helpers.js";import"lit";import"lit/directives/unsafe-html.js";import{s as e}from"../sinon-esm-68c8e378.esm.js";import"./nile-drawer.esm.js";import"tslib";import"../nile-icon-button/nile-icon-button.esm.js";import"lit/decorators.js";import"../nile-icon-button/nile-icon-button.css.esm.js";import"../nile-icon/index.esm.js";import"lit/directives/class-map.js";import"lit/directives/unsafe-svg.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/access-request.esm.js";import"../nile-icon/icons/svg/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/activity-logs.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/admin-users.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/alert-circle.esm.js";import"../nile-icon/icons/svg/alert.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/analytics.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/applications-2.esm.js";import"../nile-icon/icons/svg/apply-filter.esm.js";import"../nile-icon/icons/svg/apps.esm.js";import"../nile-icon/icons/svg/aquera.esm.js";import"../nile-icon/icons/svg/aquerasupport.esm.js";import"../nile-icon/icons/svg/array-loop.esm.js";import"../nile-icon/icons/svg/array-of-boolean.esm.js";import"../nile-icon/icons/svg/array-of-integer.esm.js";import"../nile-icon/icons/svg/array-of-string.esm.js";import"../nile-icon/icons/svg/array.esm.js";import"../nile-icon/icons/svg/arrayofobject.esm.js";import"../nile-icon/icons/svg/arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/arrow.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowdropdown.esm.js";import"../nile-icon/icons/svg/arrowdropup.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/attribute-map-analysis-icon.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/automation-details.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/bar-and-line-chart.esm.js";import"../nile-icon/icons/svg/bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/bar-chart.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/block.esm.js";import"../nile-icon/icons/svg/bluedot.esm.js";import"../nile-icon/icons/svg/book-closed.esm.js";import"../nile-icon/icons/svg/boolean.esm.js";import"../nile-icon/icons/svg/border_all.esm.js";import"../nile-icon/icons/svg/box.esm.js";import"../nile-icon/icons/svg/bubble-chart.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-animated.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/cases.esm.js";import"../nile-icon/icons/svg/cell-loader.esm.js";import"../nile-icon/icons/svg/certification.esm.js";import"../nile-icon/icons/svg/check-circle.esm.js";import"../nile-icon/icons/svg/check-done-01.esm.js";import"../nile-icon/icons/svg/check-done-02.esm.js";import"../nile-icon/icons/svg/chevron-left-double.esm.js";import"../nile-icon/icons/svg/chevron-up.esm.js";import"../nile-icon/icons/svg/clock-check.esm.js";import"../nile-icon/icons/svg/clock-rewind.esm.js";import"../nile-icon/icons/svg/clock.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/cloud-01.esm.js";import"../nile-icon/icons/svg/code-generator.esm.js";import"../nile-icon/icons/svg/collapse-1.esm.js";import"../nile-icon/icons/svg/collapse.esm.js";import"../nile-icon/icons/svg/color.esm.js";import"../nile-icon/icons/svg/column-02.esm.js";import"../nile-icon/icons/svg/columns-03.esm.js";import"../nile-icon/icons/svg/combo1.esm.js";import"../nile-icon/icons/svg/comment.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/compare.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/component.esm.js";import"../nile-icon/icons/svg/components-icon.esm.js";import"../nile-icon/icons/svg/componenttext.esm.js";import"../nile-icon/icons/svg/condition.esm.js";import"../nile-icon/icons/svg/conditions.esm.js";import"../nile-icon/icons/svg/connect.esm.js";import"../nile-icon/icons/svg/connectivitymap.esm.js";import"../nile-icon/icons/svg/connectorrightarrow.esm.js";import"../nile-icon/icons/svg/copy-06.esm.js";import"../nile-icon/icons/svg/copy.esm.js";import"../nile-icon/icons/svg/cor-analysis.esm.js";import"../nile-icon/icons/svg/correlation.esm.js";import"../nile-icon/icons/svg/cost-analytics.esm.js";import"../nile-icon/icons/svg/create.esm.js";import"../nile-icon/icons/svg/createuser.esm.js";import"../nile-icon/icons/svg/dashboard.esm.js";import"../nile-icon/icons/svg/data-insight.esm.js";import"../nile-icon/icons/svg/data-type-array.esm.js";import"../nile-icon/icons/svg/data-type-boolean.esm.js";import"../nile-icon/icons/svg/data-type-json.esm.js";import"../nile-icon/icons/svg/data-type-null.esm.js";import"../nile-icon/icons/svg/data-type-number.esm.js";import"../nile-icon/icons/svg/data-type-string.esm.js";import"../nile-icon/icons/svg/data-type-unknown.esm.js";import"../nile-icon/icons/svg/database.esm.js";import"../nile-icon/icons/svg/databaseview.esm.js";import"../nile-icon/icons/svg/dataflow-03.esm.js";import"../nile-icon/icons/svg/dataflow-04.esm.js";import"../nile-icon/icons/svg/default-cursor.esm.js";import"../nile-icon/icons/svg/default.esm.js";import"../nile-icon/icons/svg/delegate.esm.js";import"../nile-icon/icons/svg/delete.esm.js";import"../nile-icon/icons/svg/deligateduser.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/dock-to-right.esm.js";import"../nile-icon/icons/svg/document-new.esm.js";import"../nile-icon/icons/svg/done-02.esm.js";import"../nile-icon/icons/svg/done.esm.js";import"../nile-icon/icons/svg/dontmap.esm.js";import"../nile-icon/icons/svg/donut.esm.js";import"../nile-icon/icons/svg/dotpoints-02.esm.js";import"../nile-icon/icons/svg/dots-grid.esm.js";import"../nile-icon/icons/svg/doublearrowleft.esm.js";import"../nile-icon/icons/svg/doublearrowright.esm.js";import"../nile-icon/icons/svg/dowhileloop.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/edit-write.esm.js";import"../nile-icon/icons/svg/else.esm.js";import"../nile-icon/icons/svg/email.esm.js";import"../nile-icon/icons/svg/enable.esm.js";import"../nile-icon/icons/svg/entities.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/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-03.esm.js";import"../nile-icon/icons/svg/expand-06.esm.js";import"../nile-icon/icons/svg/expand-2.esm.js";import"../nile-icon/icons/svg/expand.esm.js";import"../nile-icon/icons/svg/eye-off.esm.js";import"../nile-icon/icons/svg/eye.esm.js";import"../nile-icon/icons/svg/eyeclosed.esm.js";import"../nile-icon/icons/svg/featured-icon.esm.js";import"../nile-icon/icons/svg/file-06.esm.js";import"../nile-icon/icons/svg/file-check-02.esm.js";import"../nile-icon/icons/svg/file-shield-01.esm.js";import"../nile-icon/icons/svg/file-shield-02.esm.js";import"../nile-icon/icons/svg/file-type-icon.esm.js";import"../nile-icon/icons/svg/file.esm.js";import"../nile-icon/icons/svg/filter-1.esm.js";import"../nile-icon/icons/svg/filter.esm.js";import"../nile-icon/icons/svg/fingerprint-03.esm.js";import"../nile-icon/icons/svg/firewall.esm.js";import"../nile-icon/icons/svg/firewallagent.esm.js";import"../nile-icon/icons/svg/flow.esm.js";import"../nile-icon/icons/svg/flowmap-agent.esm.js";import"../nile-icon/icons/svg/flowmap-application.esm.js";import"../nile-icon/icons/svg/flowmap-colorpalatte.esm.js";import"../nile-icon/icons/svg/flowmap-firewall-agent.esm.js";import"../nile-icon/icons/svg/flowmap-firewall.esm.js";import"../nile-icon/icons/svg/flowmap-gateway.esm.js";import"../nile-icon/icons/svg/flowmap-orchestration.esm.js";import"../nile-icon/icons/svg/flowmap-undo.esm.js";import"../nile-icon/icons/svg/flowmap-workflow.esm.js";import"../nile-icon/icons/svg/flowmap.esm.js";import"../nile-icon/icons/svg/folder.esm.js";import"../nile-icon/icons/svg/foreach.esm.js";import"../nile-icon/icons/svg/frequency.esm.js";import"../nile-icon/icons/svg/full-union.esm.js";import"../nile-icon/icons/svg/fullscreen.esm.js";import"../nile-icon/icons/svg/fullscreenexit.esm.js";import"../nile-icon/icons/svg/fullscreenshrink.esm.js";import"../nile-icon/icons/svg/funnel-02.esm.js";import"../nile-icon/icons/svg/funnel.esm.js";import"../nile-icon/icons/svg/gateway.esm.js";import"../nile-icon/icons/svg/gauge.esm.js";import"../nile-icon/icons/svg/general.esm.js";import"../nile-icon/icons/svg/generationphase.esm.js";import"../nile-icon/icons/svg/global-search.esm.js";import"../nile-icon/icons/svg/globe-03.esm.js";import"../nile-icon/icons/svg/globe.esm.js";import"../nile-icon/icons/svg/goto.esm.js";import"../nile-icon/icons/svg/graph.esm.js";import"../nile-icon/icons/svg/graphedit.esm.js";import"../nile-icon/icons/svg/greendot.esm.js";import"../nile-icon/icons/svg/greydot.esm.js";import"../nile-icon/icons/svg/greylightdot.esm.js";import"../nile-icon/icons/svg/grid-01.esm.js";import"../nile-icon/icons/svg/group-analysis-icon.esm.js";import"../nile-icon/icons/svg/group.esm.js";import"../nile-icon/icons/svg/groupby.esm.js";import"../nile-icon/icons/svg/groups.esm.js";import"../nile-icon/icons/svg/guide-01.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/handtool.esm.js";import"../nile-icon/icons/svg/header-child-workflow.esm.js";import"../nile-icon/icons/svg/header-flows.esm.js";import"../nile-icon/icons/svg/header-tasks.esm.js";import"../nile-icon/icons/svg/headphones-01.esm.js";import"../nile-icon/icons/svg/help.esm.js";import"../nile-icon/icons/svg/helpandsupport.esm.js";import"../nile-icon/icons/svg/helpers.esm.js";import"../nile-icon/icons/svg/helpsupport.esm.js";import"../nile-icon/icons/svg/history.esm.js";import"../nile-icon/icons/svg/identitygraph.esm.js";import"../nile-icon/icons/svg/identityledger.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/ifelsenew.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/immutable.esm.js";import"../nile-icon/icons/svg/info-icon.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/inner-union.esm.js";import"../nile-icon/icons/svg/inprogress.esm.js";import"../nile-icon/icons/svg/insert-at-cursor.esm.js";import"../nile-icon/icons/svg/integer.esm.js";import"../nile-icon/icons/svg/intersection.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/key-performance-indicator.esm.js";import"../nile-icon/icons/svg/keyboard-01.esm.js";import"../nile-icon/icons/svg/kill.esm.js";import"../nile-icon/icons/svg/laptop-01.esm.js";import"../nile-icon/icons/svg/layers-three-02.esm.js";import"../nile-icon/icons/svg/layout-alt-02.esm.js";import"../nile-icon/icons/svg/layout-alt-03.esm.js";import"../nile-icon/icons/svg/left-join.esm.js";import"../nile-icon/icons/svg/left-union.esm.js";import"../nile-icon/icons/svg/leftpointarrow.esm.js";import"../nile-icon/icons/svg/life-buoy-01.esm.js";import"../nile-icon/icons/svg/line.esm.js";import"../nile-icon/icons/svg/link.esm.js";import"../nile-icon/icons/svg/list-attribute.esm.js";import"../nile-icon/icons/svg/list.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/log-info.esm.js";import"../nile-icon/icons/svg/log.esm.js";import"../nile-icon/icons/svg/logo-white.esm.js";import"../nile-icon/icons/svg/logout.esm.js";import"../nile-icon/icons/svg/logs.esm.js";import"../nile-icon/icons/svg/loop.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/maponcreate.esm.js";import"../nile-icon/icons/svg/maponupdate.esm.js";import"../nile-icon/icons/svg/mapper.esm.js";import"../nile-icon/icons/svg/mapupdate.esm.js";import"../nile-icon/icons/svg/marker-pin-01.esm.js";import"../nile-icon/icons/svg/maximize.esm.js";import"../nile-icon/icons/svg/menu.esm.js";import"../nile-icon/icons/svg/message-notification-square.esm.js";import"../nile-icon/icons/svg/minus.esm.js";import"../nile-icon/icons/svg/monitor-01.esm.js";import"../nile-icon/icons/svg/mouse.esm.js";import"../nile-icon/icons/svg/move-application.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/my-integration.esm.js";import"../nile-icon/icons/svg/new-calendar.esm.js";import"../nile-icon/icons/svg/ng-activity.esm.js";import"../nile-icon/icons/svg/ng-align-center.esm.js";import"../nile-icon/icons/svg/ng-annotation-x.esm.js";import"../nile-icon/icons/svg/ng-arrow-down.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-down.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/ng-arrow-up.esm.js";import"../nile-icon/icons/svg/ng-bar-chart-12.esm.js";import"../nile-icon/icons/svg/ng-bell-01.esm.js";import"../nile-icon/icons/svg/ng-bell-ringing-04.esm.js";import"../nile-icon/icons/svg/ng-bold-01.esm.js";import"../nile-icon/icons/svg/ng-calendar-plus-02.esm.js";import"../nile-icon/icons/svg/ng-calendar.esm.js";import"../nile-icon/icons/svg/ng-check-circle.esm.js";import"../nile-icon/icons/svg/ng-check-square-broken.esm.js";import"../nile-icon/icons/svg/ng-chevron-down.esm.js";import"../nile-icon/icons/svg/ng-chevron-left.esm.js";import"../nile-icon/icons/svg/ng-chevron-right.esm.js";import"../nile-icon/icons/svg/ng-chevron-selector-vertical.esm.js";import"../nile-icon/icons/svg/ng-chevron-up-double.esm.js";import"../nile-icon/icons/svg/ng-chevron-up.esm.js";import"../nile-icon/icons/svg/ng-copy-03.esm.js";import"../nile-icon/icons/svg/ng-dots-grid.esm.js";import"../nile-icon/icons/svg/ng-dots-vertical.esm.js";import"../nile-icon/icons/svg/ng-download-01.esm.js";import"../nile-icon/icons/svg/ng-dropdown.esm.js";import"../nile-icon/icons/svg/ng-edit-02.esm.js";import"../nile-icon/icons/svg/ng-edit-05.esm.js";import"../nile-icon/icons/svg/ng-expand-06.esm.js";import"../nile-icon/icons/svg/ng-file-check-02.esm.js";import"../nile-icon/icons/svg/ng-file-question-03.esm.js";import"../nile-icon/icons/svg/ng-filter-lines.esm.js";import"../nile-icon/icons/svg/ng-grid-01.esm.js";import"../nile-icon/icons/svg/ng-help-circle.esm.js";import"../nile-icon/icons/svg/ng-image-user-left.esm.js";import"../nile-icon/icons/svg/ng-info-circle.esm.js";import"../nile-icon/icons/svg/ng-italic-01.esm.js";import"../nile-icon/icons/svg/ng-list.esm.js";import"../nile-icon/icons/svg/ng-log-out-01.esm.js";import"../nile-icon/icons/svg/ng-mail-01.esm.js";import"../nile-icon/icons/svg/ng-mail-04.esm.js";import"../nile-icon/icons/svg/ng-menu-05.esm.js";import"../nile-icon/icons/svg/ng-message-text-square-01.esm.js";import"../nile-icon/icons/svg/ng-minimize-02.esm.js";import"../nile-icon/icons/svg/ng-plus.esm.js";import"../nile-icon/icons/svg/ng-rocket-02.esm.js";import"../nile-icon/icons/svg/ng-search-lg.esm.js";import"../nile-icon/icons/svg/ng-send-01.esm.js";import"../nile-icon/icons/svg/ng-settings-01.esm.js";import"../nile-icon/icons/svg/ng-share-04.esm.js";import"../nile-icon/icons/svg/ng-share-06.esm.js";import"../nile-icon/icons/svg/ng-stars-02.esm.js";import"../nile-icon/icons/svg/ng-trash-01.esm.js";import"../nile-icon/icons/svg/ng-trash-03.esm.js";import"../nile-icon/icons/svg/ng-trend-up-01.esm.js";import"../nile-icon/icons/svg/ng-underline-01.esm.js";import"../nile-icon/icons/svg/ng-upload-01.esm.js";import"../nile-icon/icons/svg/ng-user-01.esm.js";import"../nile-icon/icons/svg/ng-user-check-02-1.esm.js";import"../nile-icon/icons/svg/ng-user-check-02.esm.js";import"../nile-icon/icons/svg/ng-user-plus-02.esm.js";import"../nile-icon/icons/svg/ng-user-right-01.esm.js";import"../nile-icon/icons/svg/ng-users-01.esm.js";import"../nile-icon/icons/svg/ng-x-close.esm.js";import"../nile-icon/icons/svg/ng-x-square.esm.js";import"../nile-icon/icons/svg/nightingale-chart.esm.js";import"../nile-icon/icons/svg/nlp.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notification.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/numberinput.esm.js";import"../nile-icon/icons/svg/numbers.esm.js";import"../nile-icon/icons/svg/object.esm.js";import"../nile-icon/icons/svg/operators.esm.js";import"../nile-icon/icons/svg/options.esm.js";import"../nile-icon/icons/svg/orchestration-solid.esm.js";import"../nile-icon/icons/svg/orchestration.esm.js";import"../nile-icon/icons/svg/organization.esm.js";import"../nile-icon/icons/svg/other.esm.js";import"../nile-icon/icons/svg/otherdetails.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palletemenu.esm.js";import"../nile-icon/icons/svg/paperclip.esm.js";import"../nile-icon/icons/svg/partner.esm.js";import"../nile-icon/icons/svg/partners.esm.js";import"../nile-icon/icons/svg/pause.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/peopletask.esm.js";import"../nile-icon/icons/svg/persistent-variable.esm.js";import"../nile-icon/icons/svg/persistentdata.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/pie.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/play_pause.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/pluscircle.esm.js";import"../nile-icon/icons/svg/plussquare.esm.js";import"../nile-icon/icons/svg/policy.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/predefined.esm.js";import"../nile-icon/icons/svg/preview.esm.js";import"../nile-icon/icons/svg/printer.esm.js";import"../nile-icon/icons/svg/priority-high.esm.js";import"../nile-icon/icons/svg/priority-highest.esm.js";import"../nile-icon/icons/svg/priority-low.esm.js";import"../nile-icon/icons/svg/priority-medium.esm.js";import"../nile-icon/icons/svg/privilage.esm.js";import"../nile-icon/icons/svg/privilege.esm.js";import"../nile-icon/icons/svg/privilegeobject.esm.js";import"../nile-icon/icons/svg/process.esm.js";import"../nile-icon/icons/svg/professionaldetails.esm.js";import"../nile-icon/icons/svg/question.esm.js";import"../nile-icon/icons/svg/radar.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/read.esm.js";import"../nile-icon/icons/svg/readexpression.esm.js";import"../nile-icon/icons/svg/readonly.esm.js";import"../nile-icon/icons/svg/readonlyuser.esm.js";import"../nile-icon/icons/svg/readuser.esm.js";import"../nile-icon/icons/svg/reddot.esm.js";import"../nile-icon/icons/svg/redo-02.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/resize.esm.js";import"../nile-icon/icons/svg/resource.esm.js";import"../nile-icon/icons/svg/resource_analysis.esm.js";import"../nile-icon/icons/svg/resource_graph.esm.js";import"../nile-icon/icons/svg/restart_alt.esm.js";import"../nile-icon/icons/svg/revocation-cycle.esm.js";import"../nile-icon/icons/svg/right-join.esm.js";import"../nile-icon/icons/svg/right-union.esm.js";import"../nile-icon/icons/svg/rocket-02.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/sankey.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/savings.esm.js";import"../nile-icon/icons/svg/scatter-plot.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/schema.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search-steps-icon.esm.js";import"../nile-icon/icons/svg/search.esm.js";import"../nile-icon/icons/svg/section.esm.js";import"../nile-icon/icons/svg/select-02.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/semi-circle-donut-chart.esm.js";import"../nile-icon/icons/svg/send.esm.js";import"../nile-icon/icons/svg/sendemail.esm.js";import"../nile-icon/icons/svg/sendescalation.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/server-03.esm.js";import"../nile-icon/icons/svg/settings-02.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/shield-01.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/sort_ascending.esm.js";import"../nile-icon/icons/svg/sort_descending.esm.js";import"../nile-icon/icons/svg/sortascending.esm.js";import"../nile-icon/icons/svg/sortdescending.esm.js";import"../nile-icon/icons/svg/sortdown.esm.js";import"../nile-icon/icons/svg/sortup.esm.js";import"../nile-icon/icons/svg/stacked-bar-chart.esm.js";import"../nile-icon/icons/svg/step_into.esm.js";import"../nile-icon/icons/svg/step_out.esm.js";import"../nile-icon/icons/svg/step_over.esm.js";import"../nile-icon/icons/svg/stop.esm.js";import"../nile-icon/icons/svg/storybook.esm.js";import"../nile-icon/icons/svg/string.esm.js";import"../nile-icon/icons/svg/stringinput.esm.js";import"../nile-icon/icons/svg/stringletters.esm.js";import"../nile-icon/icons/svg/support.esm.js";import"../nile-icon/icons/svg/swap.esm.js";import"../nile-icon/icons/svg/switch.esm.js";import"../nile-icon/icons/svg/sync.esm.js";import"../nile-icon/icons/svg/table.esm.js";import"../nile-icon/icons/svg/tag.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/text-02.esm.js";import"../nile-icon/icons/svg/text.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/thumbsdown.esm.js";import"../nile-icon/icons/svg/thumbsup.esm.js";import"../nile-icon/icons/svg/thumsup.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/transaction_monitor.esm.js";import"../nile-icon/icons/svg/trend-up-02.esm.js";import"../nile-icon/icons/svg/trigger.esm.js";import"../nile-icon/icons/svg/undo-02.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/union.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updown.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.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/users-plus.esm.js";import"../nile-icon/icons/svg/users-up.esm.js";import"../nile-icon/icons/svg/users.esm.js";import"../nile-icon/icons/svg/userupdate.esm.js";import"../nile-icon/icons/svg/validationexpression.esm.js";import"../nile-icon/icons/svg/variable-global.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/view.esm.js";import"../nile-icon/icons/svg/virtualserver.esm.js";import"../nile-icon/icons/svg/virtualservergroup.esm.js";import"../nile-icon/icons/svg/visibility.esm.js";import"../nile-icon/icons/svg/visibilityoff.esm.js";import"../nile-icon/icons/svg/wait.esm.js";import"../nile-icon/icons/svg/warning-01.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow-application.esm.js";import"../nile-icon/icons/svg/workflow-text.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";import"../nile-icon/aliasmap.esm.js";import"lit/directives/if-defined.js";import"../internal/nile-element.esm.js";import"../internal/animate.esm.js";import"../utilities/animation-registry.esm.js";import"../internal/slot.esm.js";import"../internal/scroll.esm.js";import"../internal/offset.esm.js";import"../internal/string.esm.js";import"../internal/event.esm.js";import"../internal/watch.esm.js";import"../internal/modal.esm.js";import"../internal/tabbable.esm.js";import"./nile-drawer.css.esm.js";describe("Nile-drawer",(()=>{it("should be visible with the open attribute",(async()=>{const n=(await i(o`
+import{f as i,a as s,w as o}from"../fixture-372df3b0.esm.js";import{html as n}from"lit/static-html.js";import"lit/html.js";import"lit/directive-helpers.js";import"lit";import"lit/directives/unsafe-html.js";import{s as e}from"../sinon-esm-68c8e378.esm.js";import"./nile-drawer.esm.js";import"tslib";import"../nile-icon-button/nile-icon-button.esm.js";import"lit/decorators.js";import"../nile-icon-button/nile-icon-button.css.esm.js";import"../nile-icon/index.esm.js";import"lit/directives/class-map.js";import"lit/directives/unsafe-svg.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/access-request.esm.js";import"../nile-icon/icons/svg/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/activity-logs.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/admin-users.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/alert-circle.esm.js";import"../nile-icon/icons/svg/alert.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/analytics.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/applications-2.esm.js";import"../nile-icon/icons/svg/apply-filter.esm.js";import"../nile-icon/icons/svg/apps.esm.js";import"../nile-icon/icons/svg/aquera.esm.js";import"../nile-icon/icons/svg/aquerasupport.esm.js";import"../nile-icon/icons/svg/array-loop.esm.js";import"../nile-icon/icons/svg/array-of-boolean.esm.js";import"../nile-icon/icons/svg/array-of-integer.esm.js";import"../nile-icon/icons/svg/array-of-string.esm.js";import"../nile-icon/icons/svg/array.esm.js";import"../nile-icon/icons/svg/arrayofobject.esm.js";import"../nile-icon/icons/svg/arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/arrow.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowdropdown.esm.js";import"../nile-icon/icons/svg/arrowdropup.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/attribute-map-analysis-icon.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/automation-details.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/bar-and-line-chart.esm.js";import"../nile-icon/icons/svg/bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/bar-chart.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/block.esm.js";import"../nile-icon/icons/svg/bluedot.esm.js";import"../nile-icon/icons/svg/book-closed.esm.js";import"../nile-icon/icons/svg/boolean.esm.js";import"../nile-icon/icons/svg/border_all.esm.js";import"../nile-icon/icons/svg/box.esm.js";import"../nile-icon/icons/svg/bubble-chart.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-animated.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/cases.esm.js";import"../nile-icon/icons/svg/cell-loader.esm.js";import"../nile-icon/icons/svg/certification.esm.js";import"../nile-icon/icons/svg/check-circle.esm.js";import"../nile-icon/icons/svg/check-done-01.esm.js";import"../nile-icon/icons/svg/check-done-02.esm.js";import"../nile-icon/icons/svg/chevron-left-double.esm.js";import"../nile-icon/icons/svg/chevron-up.esm.js";import"../nile-icon/icons/svg/clock-check.esm.js";import"../nile-icon/icons/svg/clock-rewind.esm.js";import"../nile-icon/icons/svg/clock.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/cloud-01.esm.js";import"../nile-icon/icons/svg/code-generator.esm.js";import"../nile-icon/icons/svg/collapse-1.esm.js";import"../nile-icon/icons/svg/collapse.esm.js";import"../nile-icon/icons/svg/color.esm.js";import"../nile-icon/icons/svg/column-02.esm.js";import"../nile-icon/icons/svg/columns-03.esm.js";import"../nile-icon/icons/svg/combo1.esm.js";import"../nile-icon/icons/svg/comment.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/compare.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/component.esm.js";import"../nile-icon/icons/svg/components-icon.esm.js";import"../nile-icon/icons/svg/componenttext.esm.js";import"../nile-icon/icons/svg/condition.esm.js";import"../nile-icon/icons/svg/conditions.esm.js";import"../nile-icon/icons/svg/connect.esm.js";import"../nile-icon/icons/svg/connectivitymap.esm.js";import"../nile-icon/icons/svg/connectorrightarrow.esm.js";import"../nile-icon/icons/svg/copy-06.esm.js";import"../nile-icon/icons/svg/copy.esm.js";import"../nile-icon/icons/svg/cor-analysis.esm.js";import"../nile-icon/icons/svg/correlation.esm.js";import"../nile-icon/icons/svg/cost-analytics.esm.js";import"../nile-icon/icons/svg/create.esm.js";import"../nile-icon/icons/svg/createuser.esm.js";import"../nile-icon/icons/svg/dashboard.esm.js";import"../nile-icon/icons/svg/data-insight.esm.js";import"../nile-icon/icons/svg/data-type-array.esm.js";import"../nile-icon/icons/svg/data-type-boolean.esm.js";import"../nile-icon/icons/svg/data-type-json.esm.js";import"../nile-icon/icons/svg/data-type-null.esm.js";import"../nile-icon/icons/svg/data-type-number.esm.js";import"../nile-icon/icons/svg/data-type-string.esm.js";import"../nile-icon/icons/svg/data-type-unknown.esm.js";import"../nile-icon/icons/svg/database.esm.js";import"../nile-icon/icons/svg/databaseview.esm.js";import"../nile-icon/icons/svg/dataflow-03.esm.js";import"../nile-icon/icons/svg/dataflow-04.esm.js";import"../nile-icon/icons/svg/default-cursor.esm.js";import"../nile-icon/icons/svg/default.esm.js";import"../nile-icon/icons/svg/delegate.esm.js";import"../nile-icon/icons/svg/delete.esm.js";import"../nile-icon/icons/svg/deligateduser.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/dock-to-right.esm.js";import"../nile-icon/icons/svg/document-new.esm.js";import"../nile-icon/icons/svg/done-02.esm.js";import"../nile-icon/icons/svg/done.esm.js";import"../nile-icon/icons/svg/dontmap.esm.js";import"../nile-icon/icons/svg/donut.esm.js";import"../nile-icon/icons/svg/dotpoints-02.esm.js";import"../nile-icon/icons/svg/dots-grid.esm.js";import"../nile-icon/icons/svg/doublearrowleft.esm.js";import"../nile-icon/icons/svg/doublearrowright.esm.js";import"../nile-icon/icons/svg/dowhileloop.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/edit-write.esm.js";import"../nile-icon/icons/svg/else.esm.js";import"../nile-icon/icons/svg/email.esm.js";import"../nile-icon/icons/svg/enable.esm.js";import"../nile-icon/icons/svg/entities.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/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-03.esm.js";import"../nile-icon/icons/svg/expand-06.esm.js";import"../nile-icon/icons/svg/expand-2.esm.js";import"../nile-icon/icons/svg/expand.esm.js";import"../nile-icon/icons/svg/eye-off.esm.js";import"../nile-icon/icons/svg/eye.esm.js";import"../nile-icon/icons/svg/eyeclosed.esm.js";import"../nile-icon/icons/svg/featured-icon.esm.js";import"../nile-icon/icons/svg/file-06.esm.js";import"../nile-icon/icons/svg/file-check-02.esm.js";import"../nile-icon/icons/svg/file-shield-01.esm.js";import"../nile-icon/icons/svg/file-shield-02.esm.js";import"../nile-icon/icons/svg/file-type-icon.esm.js";import"../nile-icon/icons/svg/file.esm.js";import"../nile-icon/icons/svg/filter-1.esm.js";import"../nile-icon/icons/svg/filter.esm.js";import"../nile-icon/icons/svg/fingerprint-03.esm.js";import"../nile-icon/icons/svg/firewall.esm.js";import"../nile-icon/icons/svg/firewallagent.esm.js";import"../nile-icon/icons/svg/flow.esm.js";import"../nile-icon/icons/svg/flowmap-agent.esm.js";import"../nile-icon/icons/svg/flowmap-application.esm.js";import"../nile-icon/icons/svg/flowmap-colorpalatte.esm.js";import"../nile-icon/icons/svg/flowmap-firewall-agent.esm.js";import"../nile-icon/icons/svg/flowmap-firewall.esm.js";import"../nile-icon/icons/svg/flowmap-gateway.esm.js";import"../nile-icon/icons/svg/flowmap-orchestration.esm.js";import"../nile-icon/icons/svg/flowmap-undo.esm.js";import"../nile-icon/icons/svg/flowmap-workflow.esm.js";import"../nile-icon/icons/svg/flowmap.esm.js";import"../nile-icon/icons/svg/folder.esm.js";import"../nile-icon/icons/svg/foreach.esm.js";import"../nile-icon/icons/svg/frequency.esm.js";import"../nile-icon/icons/svg/full-union.esm.js";import"../nile-icon/icons/svg/fullscreen.esm.js";import"../nile-icon/icons/svg/fullscreenexit.esm.js";import"../nile-icon/icons/svg/fullscreenshrink.esm.js";import"../nile-icon/icons/svg/funnel-02.esm.js";import"../nile-icon/icons/svg/funnel.esm.js";import"../nile-icon/icons/svg/gateway.esm.js";import"../nile-icon/icons/svg/gauge.esm.js";import"../nile-icon/icons/svg/general.esm.js";import"../nile-icon/icons/svg/generationphase.esm.js";import"../nile-icon/icons/svg/global-search.esm.js";import"../nile-icon/icons/svg/globe-03.esm.js";import"../nile-icon/icons/svg/globe.esm.js";import"../nile-icon/icons/svg/goto.esm.js";import"../nile-icon/icons/svg/graph.esm.js";import"../nile-icon/icons/svg/graphedit.esm.js";import"../nile-icon/icons/svg/greendot.esm.js";import"../nile-icon/icons/svg/greydot.esm.js";import"../nile-icon/icons/svg/greylightdot.esm.js";import"../nile-icon/icons/svg/grid-01.esm.js";import"../nile-icon/icons/svg/group-analysis-icon.esm.js";import"../nile-icon/icons/svg/group.esm.js";import"../nile-icon/icons/svg/groupby.esm.js";import"../nile-icon/icons/svg/groups.esm.js";import"../nile-icon/icons/svg/guide-01.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/handtool.esm.js";import"../nile-icon/icons/svg/header-child-workflow.esm.js";import"../nile-icon/icons/svg/header-flows.esm.js";import"../nile-icon/icons/svg/header-tasks.esm.js";import"../nile-icon/icons/svg/headphones-01.esm.js";import"../nile-icon/icons/svg/help.esm.js";import"../nile-icon/icons/svg/helpandsupport.esm.js";import"../nile-icon/icons/svg/helpers.esm.js";import"../nile-icon/icons/svg/helpsupport.esm.js";import"../nile-icon/icons/svg/history.esm.js";import"../nile-icon/icons/svg/identitygraph.esm.js";import"../nile-icon/icons/svg/identityledger.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/ifelsenew.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/immutable.esm.js";import"../nile-icon/icons/svg/info-icon.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/inner-union.esm.js";import"../nile-icon/icons/svg/inprogress.esm.js";import"../nile-icon/icons/svg/insert-at-cursor.esm.js";import"../nile-icon/icons/svg/integer.esm.js";import"../nile-icon/icons/svg/intersection.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/key-performance-indicator.esm.js";import"../nile-icon/icons/svg/keyboard-01.esm.js";import"../nile-icon/icons/svg/kill.esm.js";import"../nile-icon/icons/svg/laptop-01.esm.js";import"../nile-icon/icons/svg/layers-three-02.esm.js";import"../nile-icon/icons/svg/layout-alt-02.esm.js";import"../nile-icon/icons/svg/layout-alt-03.esm.js";import"../nile-icon/icons/svg/left-join.esm.js";import"../nile-icon/icons/svg/left-union.esm.js";import"../nile-icon/icons/svg/leftpointarrow.esm.js";import"../nile-icon/icons/svg/life-buoy-01.esm.js";import"../nile-icon/icons/svg/line.esm.js";import"../nile-icon/icons/svg/link.esm.js";import"../nile-icon/icons/svg/list-attribute.esm.js";import"../nile-icon/icons/svg/list.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/log-info.esm.js";import"../nile-icon/icons/svg/log.esm.js";import"../nile-icon/icons/svg/logo-white.esm.js";import"../nile-icon/icons/svg/logout.esm.js";import"../nile-icon/icons/svg/logs.esm.js";import"../nile-icon/icons/svg/loop.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/maponcreate.esm.js";import"../nile-icon/icons/svg/maponupdate.esm.js";import"../nile-icon/icons/svg/mapper.esm.js";import"../nile-icon/icons/svg/mapupdate.esm.js";import"../nile-icon/icons/svg/marker-pin-01.esm.js";import"../nile-icon/icons/svg/maximize.esm.js";import"../nile-icon/icons/svg/menu.esm.js";import"../nile-icon/icons/svg/message-notification-square.esm.js";import"../nile-icon/icons/svg/minus.esm.js";import"../nile-icon/icons/svg/monitor-01.esm.js";import"../nile-icon/icons/svg/mouse.esm.js";import"../nile-icon/icons/svg/move-application.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/my-integration.esm.js";import"../nile-icon/icons/svg/new-calendar.esm.js";import"../nile-icon/icons/svg/nightingale-chart.esm.js";import"../nile-icon/icons/svg/nlp.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notification.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/numberinput.esm.js";import"../nile-icon/icons/svg/numbers.esm.js";import"../nile-icon/icons/svg/object.esm.js";import"../nile-icon/icons/svg/operators.esm.js";import"../nile-icon/icons/svg/options.esm.js";import"../nile-icon/icons/svg/orchestration-solid.esm.js";import"../nile-icon/icons/svg/orchestration.esm.js";import"../nile-icon/icons/svg/organization.esm.js";import"../nile-icon/icons/svg/other.esm.js";import"../nile-icon/icons/svg/otherdetails.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palletemenu.esm.js";import"../nile-icon/icons/svg/paperclip.esm.js";import"../nile-icon/icons/svg/partner.esm.js";import"../nile-icon/icons/svg/partners.esm.js";import"../nile-icon/icons/svg/pause.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/peopletask.esm.js";import"../nile-icon/icons/svg/persistent-variable.esm.js";import"../nile-icon/icons/svg/persistentdata.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/pie.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/play_pause.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/pluscircle.esm.js";import"../nile-icon/icons/svg/plussquare.esm.js";import"../nile-icon/icons/svg/policy.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/predefined.esm.js";import"../nile-icon/icons/svg/preview.esm.js";import"../nile-icon/icons/svg/printer.esm.js";import"../nile-icon/icons/svg/priority-high.esm.js";import"../nile-icon/icons/svg/priority-highest.esm.js";import"../nile-icon/icons/svg/priority-low.esm.js";import"../nile-icon/icons/svg/priority-medium.esm.js";import"../nile-icon/icons/svg/privilage.esm.js";import"../nile-icon/icons/svg/privilege.esm.js";import"../nile-icon/icons/svg/privilegeobject.esm.js";import"../nile-icon/icons/svg/process.esm.js";import"../nile-icon/icons/svg/professionaldetails.esm.js";import"../nile-icon/icons/svg/question.esm.js";import"../nile-icon/icons/svg/radar.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/read.esm.js";import"../nile-icon/icons/svg/readexpression.esm.js";import"../nile-icon/icons/svg/readonly.esm.js";import"../nile-icon/icons/svg/readonlyuser.esm.js";import"../nile-icon/icons/svg/readuser.esm.js";import"../nile-icon/icons/svg/reddot.esm.js";import"../nile-icon/icons/svg/redo-02.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/resize.esm.js";import"../nile-icon/icons/svg/resource.esm.js";import"../nile-icon/icons/svg/resource_analysis.esm.js";import"../nile-icon/icons/svg/resource_graph.esm.js";import"../nile-icon/icons/svg/restart_alt.esm.js";import"../nile-icon/icons/svg/revocation-cycle.esm.js";import"../nile-icon/icons/svg/right-join.esm.js";import"../nile-icon/icons/svg/right-union.esm.js";import"../nile-icon/icons/svg/rocket-02.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/sankey.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/savings.esm.js";import"../nile-icon/icons/svg/scatter-plot.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/schema.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search-steps-icon.esm.js";import"../nile-icon/icons/svg/search.esm.js";import"../nile-icon/icons/svg/section.esm.js";import"../nile-icon/icons/svg/select-02.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/semi-circle-donut-chart.esm.js";import"../nile-icon/icons/svg/send.esm.js";import"../nile-icon/icons/svg/sendemail.esm.js";import"../nile-icon/icons/svg/sendescalation.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/server-03.esm.js";import"../nile-icon/icons/svg/settings-02.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/shield-01.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/sort_ascending.esm.js";import"../nile-icon/icons/svg/sort_descending.esm.js";import"../nile-icon/icons/svg/sortascending.esm.js";import"../nile-icon/icons/svg/sortdescending.esm.js";import"../nile-icon/icons/svg/sortdown.esm.js";import"../nile-icon/icons/svg/sortup.esm.js";import"../nile-icon/icons/svg/stacked-bar-chart.esm.js";import"../nile-icon/icons/svg/step_into.esm.js";import"../nile-icon/icons/svg/step_out.esm.js";import"../nile-icon/icons/svg/step_over.esm.js";import"../nile-icon/icons/svg/stop.esm.js";import"../nile-icon/icons/svg/storybook.esm.js";import"../nile-icon/icons/svg/string.esm.js";import"../nile-icon/icons/svg/stringinput.esm.js";import"../nile-icon/icons/svg/stringletters.esm.js";import"../nile-icon/icons/svg/support.esm.js";import"../nile-icon/icons/svg/swap.esm.js";import"../nile-icon/icons/svg/switch.esm.js";import"../nile-icon/icons/svg/sync.esm.js";import"../nile-icon/icons/svg/table.esm.js";import"../nile-icon/icons/svg/tag.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/text-02.esm.js";import"../nile-icon/icons/svg/text.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/thumbsdown.esm.js";import"../nile-icon/icons/svg/thumbsup.esm.js";import"../nile-icon/icons/svg/thumsup.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/transaction_monitor.esm.js";import"../nile-icon/icons/svg/trend-up-02.esm.js";import"../nile-icon/icons/svg/trigger.esm.js";import"../nile-icon/icons/svg/undo-02.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/union.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updown.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.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/users-plus.esm.js";import"../nile-icon/icons/svg/users-up.esm.js";import"../nile-icon/icons/svg/users.esm.js";import"../nile-icon/icons/svg/userupdate.esm.js";import"../nile-icon/icons/svg/validationexpression.esm.js";import"../nile-icon/icons/svg/variable-global.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/view.esm.js";import"../nile-icon/icons/svg/virtualserver.esm.js";import"../nile-icon/icons/svg/virtualservergroup.esm.js";import"../nile-icon/icons/svg/visibility.esm.js";import"../nile-icon/icons/svg/visibilityoff.esm.js";import"../nile-icon/icons/svg/wait.esm.js";import"../nile-icon/icons/svg/warning-01.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow-application.esm.js";import"../nile-icon/icons/svg/workflow-text.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";import"../nile-icon/aliasmap.esm.js";import"lit/directives/if-defined.js";import"../internal/nile-element.esm.js";import"../internal/animate.esm.js";import"../utilities/animation-registry.esm.js";import"../internal/slot.esm.js";import"../internal/scroll.esm.js";import"../internal/offset.esm.js";import"../internal/string.esm.js";import"../internal/event.esm.js";import"../internal/watch.esm.js";import"../internal/modal.esm.js";import"../internal/tabbable.esm.js";import"./nile-drawer.css.esm.js";describe("Nile-drawer",(()=>{it("should be visible with the open attribute",(async()=>{const o=(await i(n`
       <nile-drawer open>I am content inside nile drawer</nile-drawer>
-    `)).shadowRoot.querySelector('[part="panel"]');s(n.ariaHidden).to.equal("false")})),it("should not be visible without the open attribute",(async()=>{const n=(await i(o`
+    `)).shadowRoot.querySelector('[part="panel"]');s(o.ariaHidden).to.equal("false")})),it("should not be visible without the open attribute",(async()=>{const o=(await i(n`
       <nile-drawer>I am content inside nile drawer</nile-drawer>
-    `)).shadowRoot.querySelector('[part="panel"]');s(n.ariaHidden).to.equal("true")})),it("should emit nile-show and nile-after-show when calling show()",(async()=>{const c=await i(o`
+    `)).shadowRoot.querySelector('[part="panel"]');s(o.ariaHidden).to.equal("true")})),it("should emit nile-show and nile-after-show when calling show()",(async()=>{const c=await i(n`
       <nile-drawer>I am Nile Drawer Content.</nile-drawer>
-    `),m=c.shadowRoot.querySelector('[part~="base"]'),t=e.spy(),r=e.spy();c.addEventListener("nile-show",t),c.addEventListener("nile-after-show",r),c.show(),await n((()=>t.calledOnce)),await n((()=>r.calledOnce)),s(t).to.have.been.calledOnce,s(r).to.have.been.calledOnce,s(m.hidden).to.be.false})),it("should emit nile-hide and nile-after-hide when calling hide()",(async()=>{const c=await i(o`
+    `),m=c.shadowRoot.querySelector('[part~="base"]'),t=e.spy(),r=e.spy();c.addEventListener("nile-show",t),c.addEventListener("nile-after-show",r),c.show(),await o((()=>t.calledOnce)),await o((()=>r.calledOnce)),s(t).to.have.been.calledOnce,s(r).to.have.been.calledOnce,s(m.hidden).to.be.false})),it("should emit nile-hide and nile-after-hide when calling hide()",(async()=>{const c=await i(n`
       <nile-drawer open>I am nile drawer content</nile-drawer>
-    `),m=c.shadowRoot.querySelector('[part~="base"]'),t=e.spy(),r=e.spy();c.addEventListener("nile-hide",t),c.addEventListener("nile-after-hide",r),c.hide(),await n((()=>t.calledOnce)),await n((()=>r.calledOnce)),s(t).to.have.been.calledOnce,s(r).to.have.been.calledOnce,s(m.hidden).to.be.true})),it("should emit nile-show and nile-after-show when setting open = true",(async()=>{const c=await i(o`
+    `),m=c.shadowRoot.querySelector('[part~="base"]'),t=e.spy(),r=e.spy();c.addEventListener("nile-hide",t),c.addEventListener("nile-after-hide",r),c.hide(),await o((()=>t.calledOnce)),await o((()=>r.calledOnce)),s(t).to.have.been.calledOnce,s(r).to.have.been.calledOnce,s(m.hidden).to.be.true})),it("should emit nile-show and nile-after-show when setting open = true",(async()=>{const c=await i(n`
       <nile-drawer
         >Lorem ipsum dolor sit amet, consectetur adipiscing elit.</nile-drawer
       >
-    `),m=c.shadowRoot.querySelector('[part~="base"]'),t=e.spy(),r=e.spy();c.addEventListener("nile-show",t),c.addEventListener("nile-after-show",r),c.open=!0,await n((()=>t.calledOnce)),await n((()=>r.calledOnce)),s(t).to.have.been.calledOnce,s(r).to.have.been.calledOnce,s(m.hidden).to.be.false})),it("should emit nile-hide and nile-after-hide when setting open = false",(async()=>{const c=await i(o`
+    `),m=c.shadowRoot.querySelector('[part~="base"]'),t=e.spy(),r=e.spy();c.addEventListener("nile-show",t),c.addEventListener("nile-after-show",r),c.open=!0,await o((()=>t.calledOnce)),await o((()=>r.calledOnce)),s(t).to.have.been.calledOnce,s(r).to.have.been.calledOnce,s(m.hidden).to.be.false})),it("should emit nile-hide and nile-after-hide when setting open = false",(async()=>{const c=await i(n`
       <nile-drawer open
         >Lorem ipsum dolor sit amet, consectetur adipiscing elit.</nile-drawer
       >
-    `),m=c.shadowRoot.querySelector('[part~="base"]'),t=e.spy(),r=e.spy();c.addEventListener("nile-hide",t),c.addEventListener("nile-after-hide",r),c.open=!1,await n((()=>t.calledOnce)),await n((()=>r.calledOnce)),s(t).to.have.been.calledOnce,s(r).to.have.been.calledOnce,s(m.hidden).to.be.true}))}));
+    `),m=c.shadowRoot.querySelector('[part~="base"]'),t=e.spy(),r=e.spy();c.addEventListener("nile-hide",t),c.addEventListener("nile-after-hide",r),c.open=!1,await o((()=>t.calledOnce)),await o((()=>r.calledOnce)),s(t).to.have.been.calledOnce,s(r).to.have.been.calledOnce,s(m.hidden).to.be.true}))}));

package/dist/nile-dropdown/nile-dropdown.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,t;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",t=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n:host {\n    display: inline-block;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .dropdown::part(popup) {\n    z-index: 900;\n  }\n\n  .dropdown[data-current-placement^='top']::part(popup) {\n    transform-origin: bottom;\n  }\n\n  .dropdown[data-current-placement^='bottom']::part(popup) {\n    transform-origin: top;\n  }\n\n  .dropdown[data-current-placement^='left']::part(popup) {\n    transform-origin: right;\n  }\n\n  .dropdown[data-current-placement^='right']::part(popup) {\n    transform-origin: left;\n  }\n\n  .dropdown__trigger {\n    display: block;\n  }\n\n  .dropdown__panel {\n    font-size: var(--nile-type-scale-4, var(--ng-font-size-text-sm));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-600));\n    box-shadow: var(--nile-box-shadow-9, var(--ng-shadow-lg));\n    border-radius: var(--nile-radius-radius-xs,var(--ng-radius-md));\n    pointer-events: none;\n  }\n\n  .dropdown--open .dropdown__panel {\n    display: block;\n    pointer-events: all;\n  }\n\n  /* When users slot a menu, make sure it conforms to the popup's auto-size */\n  ::slotted(nile-menu) {\n    max-width: var(--auto-size-available-width) !important;\n    max-height: var(--auto-size-available-height) !important;\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,t;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",t=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n:host {\n    display: inline-block;\n  }\n\n  .dropdown::part(popup) {\n    z-index: 900;\n  }\n\n  .dropdown[data-current-placement^='top']::part(popup) {\n    transform-origin: bottom;\n  }\n\n  .dropdown[data-current-placement^='bottom']::part(popup) {\n    transform-origin: top;\n  }\n\n  .dropdown[data-current-placement^='left']::part(popup) {\n    transform-origin: right;\n  }\n\n  .dropdown[data-current-placement^='right']::part(popup) {\n    transform-origin: left;\n  }\n\n  .dropdown__trigger {\n    display: block;\n  }\n\n  .dropdown__panel {\n    font-size: 1rem;\n    font-weight: 400;\n    box-shadow: 0 2px 8px hsl(240 3.8% 46.1% / 12%);\n    border-radius: 0.25rem;\n    pointer-events: none;\n  }\n\n  .dropdown--open .dropdown__panel {\n    display: block;\n    pointer-events: all;\n  }\n\n  /* When users slot a menu, make sure it conforms to the popup's auto-size */\n  ::slotted(nile-menu) {\n    max-width: var(--auto-size-available-width) !important;\n    max-height: var(--auto-size-available-height) !important;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-dropdown.css.cjs.js.map

package/dist/nile-dropdown/nile-dropdown.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-dropdown.css.cjs.js","sources":["../../../src/nile-dropdown/nile-dropdown.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';\n\n/**\n * Dropdown CSS\n */\nexport const styles = css`\n:host {\n    display: inline-block;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .dropdown::part(popup) {\n    z-index: 900;\n  }\n\n  .dropdown[data-current-placement^='top']::part(popup) {\n    transform-origin: bottom;\n  }\n\n  .dropdown[data-current-placement^='bottom']::part(popup) {\n    transform-origin: top;\n  }\n\n  .dropdown[data-current-placement^='left']::part(popup) {\n    transform-origin: right;\n  }\n\n  .dropdown[data-current-placement^='right']::part(popup) {\n    transform-origin: left;\n  }\n\n  .dropdown__trigger {\n    display: block;\n  }\n\n  .dropdown__panel {\n    font-size: var(--nile-type-scale-4, var(--ng-font-size-text-sm));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-600));\n    box-shadow: var(--nile-box-shadow-9, var(--ng-shadow-lg));\n    border-radius: var(--nile-radius-radius-xs,var(--ng-radius-md));\n    pointer-events: none;\n  }\n\n  .dropdown--open .dropdown__panel {\n    display: block;\n    pointer-events: all;\n  }\n\n  /* When users slot a menu, make sure it conforms to the popup's auto-size */\n  ::slotted(nile-menu) {\n    max-width: var(--auto-size-available-width) !important;\n    max-height: var(--auto-size-available-height) !important;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-dropdown.css.cjs.js","sources":["../../../src/nile-dropdown/nile-dropdown.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';\n\n/**\n * Dropdown CSS\n */\nexport const styles = css`\n:host {\n    display: inline-block;\n  }\n\n  .dropdown::part(popup) {\n    z-index: 900;\n  }\n\n  .dropdown[data-current-placement^='top']::part(popup) {\n    transform-origin: bottom;\n  }\n\n  .dropdown[data-current-placement^='bottom']::part(popup) {\n    transform-origin: top;\n  }\n\n  .dropdown[data-current-placement^='left']::part(popup) {\n    transform-origin: right;\n  }\n\n  .dropdown[data-current-placement^='right']::part(popup) {\n    transform-origin: left;\n  }\n\n  .dropdown__trigger {\n    display: block;\n  }\n\n  .dropdown__panel {\n    font-size: 1rem;\n    font-weight: 400;\n    box-shadow: 0 2px 8px hsl(240 3.8% 46.1% / 12%);\n    border-radius: 0.25rem;\n    pointer-events: none;\n  }\n\n  .dropdown--open .dropdown__panel {\n    display: block;\n    pointer-events: all;\n  }\n\n  /* When users slot a menu, make sure it conforms to the popup's auto-size */\n  ::slotted(nile-menu) {\n    max-width: var(--auto-size-available-width) !important;\n    max-height: var(--auto-size-available-height) !important;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-dropdown/nile-dropdown.css.esm.js

@@ -1,9 +1,6 @@
 import{css as o}from"lit";const t=o`
 :host {
     display: inline-block;
-    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
-    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
-    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
   }
 
   .dropdown::part(popup) {
@@ -31,10 +28,10 @@ import{css as o}from"lit";const t=o`
   }
 
   .dropdown__panel {
-    font-size: var(--nile-type-scale-4, var(--ng-font-size-text-sm));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-600));
-    box-shadow: var(--nile-box-shadow-9, var(--ng-shadow-lg));
-    border-radius: var(--nile-radius-radius-xs,var(--ng-radius-md));
+    font-size: 1rem;
+    font-weight: 400;
+    box-shadow: 0 2px 8px hsl(240 3.8% 46.1% / 12%);
+    border-radius: 0.25rem;
     pointer-events: none;
   }
 

package/dist/nile-dropdown/nile-dropdown.test.cjs.js

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["../fixture-3bfb4490.cjs.js","lit/static-html.js","lit/html.js","lit/directive-helpers.js","lit","lit/directives/unsafe-html.js","./nile-dropdown.cjs.js","tslib","lit/decorators.js","./nile-dropdown.css.cjs.js","../internal/animate.cjs.js","lit/directives/class-map.js","../utilities/animation-registry.cjs.js","../internal/tabbable.cjs.js","../internal/event.cjs.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js","../nile-popup/nile-popup.cjs.js","../nile-popup/nile-popup.css.cjs.js"],function(_export,_context){"use strict";var n,e,o,t,i,s,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14,_templateObject15;function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function _regeneratorRuntime(){return e;};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value;},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e];}try{define({},"");}catch(t){define=function define(t,e,r){return t[e]=r;};}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a;}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)};}catch(t){return{type:"throw",arg:t};}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,function(){return this;});var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach(function(e){define(t,e,function(t){return this._invoke(e,t);});});}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then(function(t){invoke("next",t,i,a);},function(t){invoke("throw",t,i,a);}):e.resolve(h).then(function(t){u.value=t,i(u);},function(t){return invoke("throw",t,i,a);});}a(c.arg);}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e(function(e,r){invoke(t,n,e,r);});}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg();}});}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0};}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u;}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg);}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done};}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg);}};}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator["return"]&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y);}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e);}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e;}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0);}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o<e.length;)if(n.call(e,o))return next.value=e[o],next.done=!1,next;return next.value=t,next.done=!0,next;};return i.next=i;}}throw new TypeError(_typeof(e)+" is not iterable");}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===GeneratorFunction||"GeneratorFunction"===(e.displayName||e.name));},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,GeneratorFunctionPrototype):(t.__proto__=GeneratorFunctionPrototype,define(t,u,"GeneratorFunction")),t.prototype=Object.create(g),t;},e.awrap=function(t){return{__await:t};},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,function(){return this;}),e.AsyncIterator=AsyncIterator,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new AsyncIterator(wrap(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then(function(t){return t.done?t.value:a.next();});},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,function(){return this;}),define(g,"toString",function(){return"[object Generator]";}),e.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function next(){for(;r.length;){var t=r.pop();if(t in e)return next.value=t,next.done=!1,next;}return next.done=!0,next;};},e.values=values,Context.prototype={constructor:Context,reset:function reset(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t);},stop:function stop(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval;},dispatchException:function dispatchException(e){if(this.done)throw e;var r=this;function handle(n,o){return a.type="throw",a.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o;}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}else if(c){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}}}},abrupt:function abrupt(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break;}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a);},complete:function complete(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y;},finish:function finish(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y;}},"catch":function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r);}return o;}}throw Error("illegal catch attempt");},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y;}},e;}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value;}catch(n){return void e(n);}i.done?t(u):Promise.resolve(u).then(r,o);}function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function _next(n){asyncGeneratorStep(a,r,o,_next,_throw,"next",n);}function _throw(n){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n);}_next(void 0);});};}return{setters:[function(_fixture002CjsJs){n=_fixture002CjsJs.f;e=_fixture002CjsJs.a;o=_fixture002CjsJs.e;t=_fixture002CjsJs.o;},function(_litStaticHtmlJs){i=_litStaticHtmlJs.html;},function(_litHtmlJs){},function(_litDirectiveHelpersJs){},function(_lit){},function(_litDirectivesUnsafeHtmlJs){},function(_nileDropdownCjsJs){s=_nileDropdownCjsJs.N;},function(_tslib){},function(_litDecoratorsJs){},function(_nileDropdownCssCjsJs){},function(_internalAnimateCjsJs){},function(_litDirectivesClassMapJs){},function(_utilitiesAnimationRegistryCjsJs){},function(_internalTabbableCjsJs){},function(_internalEventCjsJs){},function(_internalWatchCjsJs){},function(_internalNileElementCjsJs){},function(_nilePopupNilePopupCjsJs){},function(_nilePopupNilePopupCssCjsJs){}],execute:function execute(){describe("NileDropdown",function(){it("should render correctly",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(){var o;return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:_context2.next=2;return n(i(_templateObject||(_templateObject=_taggedTemplateLiteral(["<nile-dropdown></nile-dropdown>"]))));case 2:o=_context2.sent;e(o).to.be.instanceOf(s),e(o.shadowRoot).not.to.be["null"];case 4:case"end":return _context2.stop();}},_callee);}))),it("should be closed by default",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(){var _o$shadowRoot;var o,t;return _regeneratorRuntime().wrap(function _callee2$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:_context3.next=2;return n(i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<nile-dropdown></nile-dropdown>"]))));case 2:o=_context3.sent;e(o.open).to.be["false"];t=(_o$shadowRoot=o.shadowRoot)===null||_o$shadowRoot===void 0?void 0:_o$shadowRoot.querySelector(".dropdown__panel");e(t===null||t===void 0?void 0:t.getAttribute("aria-hidden")).to.equal("true");case 6:case"end":return _context3.stop();}},_callee2);}))),it('should open the dropdown when "open" property is set to true',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(){var _t$shadowRoot;var t,s;return _regeneratorRuntime().wrap(function _callee3$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:_context4.next=2;return n(i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-dropdown></nile-dropdown>"]))));case 2:t=_context4.sent;t.open=!0;_context4.next=6;return o(t);case 6:s=(_t$shadowRoot=t.shadowRoot)===null||_t$shadowRoot===void 0?void 0:_t$shadowRoot.querySelector(".dropdown__panel");e(t.open).to.be["true"],e(s===null||s===void 0?void 0:s.getAttribute("aria-hidden")).to.equal("false");case 8:case"end":return _context4.stop();}},_callee3);}))),it('should close the dropdown when "open" property is set to false',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(){var _t$shadowRoot2;var t,s;return _regeneratorRuntime().wrap(function _callee4$(_context5){while(1)switch(_context5.prev=_context5.next){case 0:_context5.next=2;return n(i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<nile-dropdown open></nile-dropdown>"]))));case 2:t=_context5.sent;t.open=!1;_context5.next=6;return o(t);case 6:s=(_t$shadowRoot2=t.shadowRoot)===null||_t$shadowRoot2===void 0?void 0:_t$shadowRoot2.querySelector(".dropdown__panel");e(t.open).to.be["false"],e(s===null||s===void 0?void 0:s.getAttribute("aria-hidden")).to.equal("true");case 8:case"end":return _context5.stop();}},_callee4);}))),it('should emit "nile-show" and "nile-after-show" when opening the dropdown',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(){var o,s,a;return _regeneratorRuntime().wrap(function _callee5$(_context6){while(1)switch(_context6.prev=_context6.next){case 0:_context6.next=2;return n(i(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["<nile-dropdown></nile-dropdown>"]))));case 2:o=_context6.sent;s=t(o,"nile-show");a=t(o,"nile-after-show");o.open=!0;_context6.next=8;return s;case 8:_context6.next=10;return a;case 10:e(o.open).to.be["true"];case 11:case"end":return _context6.stop();}},_callee5);}))),it('should emit "nile-hide" and "nile-after-hide" when closing the dropdown',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(){var o,s,a;return _regeneratorRuntime().wrap(function _callee6$(_context7){while(1)switch(_context7.prev=_context7.next){case 0:_context7.next=2;return n(i(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["<nile-dropdown open></nile-dropdown>"]))));case 2:o=_context7.sent;s=t(o,"nile-hide");a=t(o,"nile-after-hide");o.open=!1;_context7.next=8;return s;case 8:_context7.next=10;return a;case 10:e(o.open).to.be["false"];case 11:case"end":return _context7.stop();}},_callee6);}))),it('should not open the dropdown if "disabled" is true',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7(){var _t$shadowRoot3;var t,s;return _regeneratorRuntime().wrap(function _callee7$(_context8){while(1)switch(_context8.prev=_context8.next){case 0:_context8.next=2;return n(i(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["<nile-dropdown disabled></nile-dropdown>"]))));case 2:t=_context8.sent;t.open=!0;_context8.next=6;return o(t);case 6:s=(_t$shadowRoot3=t.shadowRoot)===null||_t$shadowRoot3===void 0?void 0:_t$shadowRoot3.querySelector(".dropdown__panel");e(t.open).to.be["false"],e(s===null||s===void 0?void 0:s.getAttribute("aria-hidden")).to.equal("true");case 8:case"end":return _context8.stop();}},_callee7);}))),it("should toggle the dropdown when clicking the trigger",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee8(){var t,s;return _regeneratorRuntime().wrap(function _callee8$(_context9){while(1)switch(_context9.prev=_context9.next){case 0:_context9.next=2;return n(i(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n      <nile-dropdown>\n        <button slot=\"trigger\">Toggle</button>\n      </nile-dropdown>\n    "]))));case 2:t=_context9.sent;s=t.querySelector("button");s!==null&&s!==void 0&&s.click();_context9.next=7;return o(t);case 7:e(t.open).to.be["true"];s!==null&&s!==void 0&&s.click();_context9.next=11;return o(t);case 11:e(t.open).to.be["false"];case 12:case"end":return _context9.stop();}},_callee8);}))),it('should close the dropdown when "Escape" is pressed',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee9(){var t,s;return _regeneratorRuntime().wrap(function _callee9$(_context10){while(1)switch(_context10.prev=_context10.next){case 0:_context10.next=2;return n(i(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n      <nile-dropdown open>\n        <button slot=\"trigger\">Toggle</button>\n      </nile-dropdown>\n    "]))));case 2:t=_context10.sent;s=new KeyboardEvent("keydown",{key:"Escape"});document.dispatchEvent(s);_context10.next=7;return o(t);case 7:e(t.open).to.be["false"];case 8:case"end":return _context10.stop();}},_callee9);}))),it('should keep the dropdown open when "stayOpenOnSelect" is true',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee10(){var t,s,a;return _regeneratorRuntime().wrap(function _callee10$(_context11){while(1)switch(_context11.prev=_context11.next){case 0:_context11.next=2;return n(i(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n      <nile-dropdown stay-open-on-select>\n        <button slot=\"trigger\">Toggle</button>\n        <nile-menu>\n          <nile-menu-item>Item 1</nile-menu-item>\n          <nile-menu-item>Item 2</nile-menu-item>\n        </nile-menu>\n      </nile-dropdown>\n    "]))));case 2:t=_context11.sent;s=t.querySelector("button");s!==null&&s!==void 0&&s.click();_context11.next=7;return o(t);case 7:a=t.querySelector("nile-menu-item");a!==null&&a!==void 0&&a.click();_context11.next=11;return o(t);case 11:e(t.open).to.be["true"];case 12:case"end":return _context11.stop();}},_callee10);}))),it('should apply the correct placement class when setting "placement"',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee11(){var _t$shadowRoot4;var t,s;return _regeneratorRuntime().wrap(function _callee11$(_context12){while(1)switch(_context12.prev=_context12.next){case 0:_context12.next=2;return n(i(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["<nile-dropdown placement=\"top\"></nile-dropdown>"]))));case 2:t=_context12.sent;t.open=!0;_context12.next=6;return o(t);case 6:s=(_t$shadowRoot4=t.shadowRoot)===null||_t$shadowRoot4===void 0?void 0:_t$shadowRoot4.querySelector("nile-popup");e(s===null||s===void 0?void 0:s.getAttribute("placement")).to.equal("top");case 8:case"end":return _context12.stop();}},_callee11);}))),it('should reposition the dropdown when calling "reposition()"',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee12(){var t;return _regeneratorRuntime().wrap(function _callee12$(_context13){while(1)switch(_context13.prev=_context13.next){case 0:_context13.next=2;return n(i(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n      <nile-dropdown open>\n        <button slot=\"trigger\">Toggle</button>\n        <nile-menu>\n          <nile-menu-item>Item 1</nile-menu-item>\n        </nile-menu>\n      </nile-dropdown>\n    "]))));case 2:t=_context13.sent;t.reposition();_context13.next=6;return o(t);case 6:e(t).to.be.ok;case 7:case"end":return _context13.stop();}},_callee12);}))),it('should not open the dropdown if "noOpenOnClick" is true',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee13(){var t,s;return _regeneratorRuntime().wrap(function _callee13$(_context14){while(1)switch(_context14.prev=_context14.next){case 0:_context14.next=2;return n(i(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["\n      <nile-dropdown noOpenOnClick>\n        <button slot=\"trigger\">Toggle</button>\n      </nile-dropdown>\n    "]))));case 2:t=_context14.sent;s=t.querySelector("button");s!==null&&s!==void 0&&s.click();_context14.next=7;return o(t);case 7:e(t.open).to.be["false"];case 8:case"end":return _context14.stop();}},_callee13);}))),it('should hoist the dropdown when "hoist" is true',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee14(){var _t$shadowRoot5;var t,s;return _regeneratorRuntime().wrap(function _callee14$(_context15){while(1)switch(_context15.prev=_context15.next){case 0:_context15.next=2;return n(i(_templateObject14||(_templateObject14=_taggedTemplateLiteral(["<nile-dropdown hoist></nile-dropdown>"]))));case 2:t=_context15.sent;t.open=!0;_context15.next=6;return o(t);case 6:s=(_t$shadowRoot5=t.shadowRoot)===null||_t$shadowRoot5===void 0?void 0:_t$shadowRoot5.querySelector("nile-popup");e(s===null||s===void 0?void 0:s.getAttribute("strategy")).to.equal("fixed");case 8:case"end":return _context15.stop();}},_callee14);}))),it("should apply animations when opening and closing",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee15(){var o,s,a;return _regeneratorRuntime().wrap(function _callee15$(_context16){while(1)switch(_context16.prev=_context16.next){case 0:_context16.next=2;return n(i(_templateObject15||(_templateObject15=_taggedTemplateLiteral(["<nile-dropdown></nile-dropdown>"]))));case 2:o=_context16.sent;s=t(o,"nile-after-show");o.open=!0;_context16.next=7;return s;case 7:a=t(o,"nile-after-hide");o.open=!1;_context16.next=11;return a;case 11:e(o.open).to.be["false"];case 12:case"end":return _context16.stop();}},_callee15);})));});}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["../fixture-161dee0b.cjs.js","lit/static-html.js","lit/html.js","lit/directive-helpers.js","lit","lit/directives/unsafe-html.js","./nile-dropdown.cjs.js","tslib","lit/decorators.js","./nile-dropdown.css.cjs.js","../internal/animate.cjs.js","lit/directives/class-map.js","../utilities/animation-registry.cjs.js","../internal/tabbable.cjs.js","../internal/event.cjs.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js","../nile-popup/nile-popup.cjs.js","../nile-popup/nile-popup.css.cjs.js"],function(_export,_context){"use strict";var n,e,o,t,i,s,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14,_templateObject15;function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function _regeneratorRuntime(){return e;};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value;},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e];}try{define({},"");}catch(t){define=function define(t,e,r){return t[e]=r;};}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a;}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)};}catch(t){return{type:"throw",arg:t};}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,function(){return this;});var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach(function(e){define(t,e,function(t){return this._invoke(e,t);});});}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then(function(t){invoke("next",t,i,a);},function(t){invoke("throw",t,i,a);}):e.resolve(h).then(function(t){u.value=t,i(u);},function(t){return invoke("throw",t,i,a);});}a(c.arg);}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e(function(e,r){invoke(t,n,e,r);});}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg();}});}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0};}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u;}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg);}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done};}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg);}};}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator["return"]&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y);}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e);}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e;}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0);}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o<e.length;)if(n.call(e,o))return next.value=e[o],next.done=!1,next;return next.value=t,next.done=!0,next;};return i.next=i;}}throw new TypeError(_typeof(e)+" is not iterable");}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===GeneratorFunction||"GeneratorFunction"===(e.displayName||e.name));},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,GeneratorFunctionPrototype):(t.__proto__=GeneratorFunctionPrototype,define(t,u,"GeneratorFunction")),t.prototype=Object.create(g),t;},e.awrap=function(t){return{__await:t};},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,function(){return this;}),e.AsyncIterator=AsyncIterator,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new AsyncIterator(wrap(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then(function(t){return t.done?t.value:a.next();});},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,function(){return this;}),define(g,"toString",function(){return"[object Generator]";}),e.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function next(){for(;r.length;){var t=r.pop();if(t in e)return next.value=t,next.done=!1,next;}return next.done=!0,next;};},e.values=values,Context.prototype={constructor:Context,reset:function reset(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t);},stop:function stop(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval;},dispatchException:function dispatchException(e){if(this.done)throw e;var r=this;function handle(n,o){return a.type="throw",a.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o;}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}else if(c){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}}}},abrupt:function abrupt(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break;}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a);},complete:function complete(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y;},finish:function finish(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y;}},"catch":function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r);}return o;}}throw Error("illegal catch attempt");},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y;}},e;}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value;}catch(n){return void e(n);}i.done?t(u):Promise.resolve(u).then(r,o);}function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function _next(n){asyncGeneratorStep(a,r,o,_next,_throw,"next",n);}function _throw(n){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n);}_next(void 0);});};}return{setters:[function(_fixture001CjsJs){n=_fixture001CjsJs.f;e=_fixture001CjsJs.a;o=_fixture001CjsJs.e;t=_fixture001CjsJs.o;},function(_litStaticHtmlJs){i=_litStaticHtmlJs.html;},function(_litHtmlJs){},function(_litDirectiveHelpersJs){},function(_lit){},function(_litDirectivesUnsafeHtmlJs){},function(_nileDropdownCjsJs){s=_nileDropdownCjsJs.N;},function(_tslib){},function(_litDecoratorsJs){},function(_nileDropdownCssCjsJs){},function(_internalAnimateCjsJs){},function(_litDirectivesClassMapJs){},function(_utilitiesAnimationRegistryCjsJs){},function(_internalTabbableCjsJs){},function(_internalEventCjsJs){},function(_internalWatchCjsJs){},function(_internalNileElementCjsJs){},function(_nilePopupNilePopupCjsJs){},function(_nilePopupNilePopupCssCjsJs){}],execute:function execute(){describe("NileDropdown",function(){it("should render correctly",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(){var o;return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:_context2.next=2;return n(i(_templateObject||(_templateObject=_taggedTemplateLiteral(["<nile-dropdown></nile-dropdown>"]))));case 2:o=_context2.sent;e(o).to.be.instanceOf(s),e(o.shadowRoot).not.to.be["null"];case 4:case"end":return _context2.stop();}},_callee);}))),it("should be closed by default",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(){var _o$shadowRoot;var o,t;return _regeneratorRuntime().wrap(function _callee2$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:_context3.next=2;return n(i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<nile-dropdown></nile-dropdown>"]))));case 2:o=_context3.sent;e(o.open).to.be["false"];t=(_o$shadowRoot=o.shadowRoot)===null||_o$shadowRoot===void 0?void 0:_o$shadowRoot.querySelector(".dropdown__panel");e(t===null||t===void 0?void 0:t.getAttribute("aria-hidden")).to.equal("true");case 6:case"end":return _context3.stop();}},_callee2);}))),it('should open the dropdown when "open" property is set to true',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(){var _t$shadowRoot;var t,s;return _regeneratorRuntime().wrap(function _callee3$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:_context4.next=2;return n(i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-dropdown></nile-dropdown>"]))));case 2:t=_context4.sent;t.open=!0;_context4.next=6;return o(t);case 6:s=(_t$shadowRoot=t.shadowRoot)===null||_t$shadowRoot===void 0?void 0:_t$shadowRoot.querySelector(".dropdown__panel");e(t.open).to.be["true"],e(s===null||s===void 0?void 0:s.getAttribute("aria-hidden")).to.equal("false");case 8:case"end":return _context4.stop();}},_callee3);}))),it('should close the dropdown when "open" property is set to false',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(){var _t$shadowRoot2;var t,s;return _regeneratorRuntime().wrap(function _callee4$(_context5){while(1)switch(_context5.prev=_context5.next){case 0:_context5.next=2;return n(i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<nile-dropdown open></nile-dropdown>"]))));case 2:t=_context5.sent;t.open=!1;_context5.next=6;return o(t);case 6:s=(_t$shadowRoot2=t.shadowRoot)===null||_t$shadowRoot2===void 0?void 0:_t$shadowRoot2.querySelector(".dropdown__panel");e(t.open).to.be["false"],e(s===null||s===void 0?void 0:s.getAttribute("aria-hidden")).to.equal("true");case 8:case"end":return _context5.stop();}},_callee4);}))),it('should emit "nile-show" and "nile-after-show" when opening the dropdown',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(){var o,s,a;return _regeneratorRuntime().wrap(function _callee5$(_context6){while(1)switch(_context6.prev=_context6.next){case 0:_context6.next=2;return n(i(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["<nile-dropdown></nile-dropdown>"]))));case 2:o=_context6.sent;s=t(o,"nile-show");a=t(o,"nile-after-show");o.open=!0;_context6.next=8;return s;case 8:_context6.next=10;return a;case 10:e(o.open).to.be["true"];case 11:case"end":return _context6.stop();}},_callee5);}))),it('should emit "nile-hide" and "nile-after-hide" when closing the dropdown',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(){var o,s,a;return _regeneratorRuntime().wrap(function _callee6$(_context7){while(1)switch(_context7.prev=_context7.next){case 0:_context7.next=2;return n(i(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["<nile-dropdown open></nile-dropdown>"]))));case 2:o=_context7.sent;s=t(o,"nile-hide");a=t(o,"nile-after-hide");o.open=!1;_context7.next=8;return s;case 8:_context7.next=10;return a;case 10:e(o.open).to.be["false"];case 11:case"end":return _context7.stop();}},_callee6);}))),it('should not open the dropdown if "disabled" is true',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7(){var _t$shadowRoot3;var t,s;return _regeneratorRuntime().wrap(function _callee7$(_context8){while(1)switch(_context8.prev=_context8.next){case 0:_context8.next=2;return n(i(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["<nile-dropdown disabled></nile-dropdown>"]))));case 2:t=_context8.sent;t.open=!0;_context8.next=6;return o(t);case 6:s=(_t$shadowRoot3=t.shadowRoot)===null||_t$shadowRoot3===void 0?void 0:_t$shadowRoot3.querySelector(".dropdown__panel");e(t.open).to.be["false"],e(s===null||s===void 0?void 0:s.getAttribute("aria-hidden")).to.equal("true");case 8:case"end":return _context8.stop();}},_callee7);}))),it("should toggle the dropdown when clicking the trigger",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee8(){var t,s;return _regeneratorRuntime().wrap(function _callee8$(_context9){while(1)switch(_context9.prev=_context9.next){case 0:_context9.next=2;return n(i(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n      <nile-dropdown>\n        <button slot=\"trigger\">Toggle</button>\n      </nile-dropdown>\n    "]))));case 2:t=_context9.sent;s=t.querySelector("button");s!==null&&s!==void 0&&s.click();_context9.next=7;return o(t);case 7:e(t.open).to.be["true"];s!==null&&s!==void 0&&s.click();_context9.next=11;return o(t);case 11:e(t.open).to.be["false"];case 12:case"end":return _context9.stop();}},_callee8);}))),it('should close the dropdown when "Escape" is pressed',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee9(){var t,s;return _regeneratorRuntime().wrap(function _callee9$(_context10){while(1)switch(_context10.prev=_context10.next){case 0:_context10.next=2;return n(i(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n      <nile-dropdown open>\n        <button slot=\"trigger\">Toggle</button>\n      </nile-dropdown>\n    "]))));case 2:t=_context10.sent;s=new KeyboardEvent("keydown",{key:"Escape"});document.dispatchEvent(s);_context10.next=7;return o(t);case 7:e(t.open).to.be["false"];case 8:case"end":return _context10.stop();}},_callee9);}))),it('should keep the dropdown open when "stayOpenOnSelect" is true',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee10(){var t,s,a;return _regeneratorRuntime().wrap(function _callee10$(_context11){while(1)switch(_context11.prev=_context11.next){case 0:_context11.next=2;return n(i(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n      <nile-dropdown stay-open-on-select>\n        <button slot=\"trigger\">Toggle</button>\n        <nile-menu>\n          <nile-menu-item>Item 1</nile-menu-item>\n          <nile-menu-item>Item 2</nile-menu-item>\n        </nile-menu>\n      </nile-dropdown>\n    "]))));case 2:t=_context11.sent;s=t.querySelector("button");s!==null&&s!==void 0&&s.click();_context11.next=7;return o(t);case 7:a=t.querySelector("nile-menu-item");a!==null&&a!==void 0&&a.click();_context11.next=11;return o(t);case 11:e(t.open).to.be["true"];case 12:case"end":return _context11.stop();}},_callee10);}))),it('should apply the correct placement class when setting "placement"',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee11(){var _t$shadowRoot4;var t,s;return _regeneratorRuntime().wrap(function _callee11$(_context12){while(1)switch(_context12.prev=_context12.next){case 0:_context12.next=2;return n(i(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["<nile-dropdown placement=\"top\"></nile-dropdown>"]))));case 2:t=_context12.sent;t.open=!0;_context12.next=6;return o(t);case 6:s=(_t$shadowRoot4=t.shadowRoot)===null||_t$shadowRoot4===void 0?void 0:_t$shadowRoot4.querySelector("nile-popup");e(s===null||s===void 0?void 0:s.getAttribute("placement")).to.equal("top");case 8:case"end":return _context12.stop();}},_callee11);}))),it('should reposition the dropdown when calling "reposition()"',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee12(){var t;return _regeneratorRuntime().wrap(function _callee12$(_context13){while(1)switch(_context13.prev=_context13.next){case 0:_context13.next=2;return n(i(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n      <nile-dropdown open>\n        <button slot=\"trigger\">Toggle</button>\n        <nile-menu>\n          <nile-menu-item>Item 1</nile-menu-item>\n        </nile-menu>\n      </nile-dropdown>\n    "]))));case 2:t=_context13.sent;t.reposition();_context13.next=6;return o(t);case 6:e(t).to.be.ok;case 7:case"end":return _context13.stop();}},_callee12);}))),it('should not open the dropdown if "noOpenOnClick" is true',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee13(){var t,s;return _regeneratorRuntime().wrap(function _callee13$(_context14){while(1)switch(_context14.prev=_context14.next){case 0:_context14.next=2;return n(i(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["\n      <nile-dropdown noOpenOnClick>\n        <button slot=\"trigger\">Toggle</button>\n      </nile-dropdown>\n    "]))));case 2:t=_context14.sent;s=t.querySelector("button");s!==null&&s!==void 0&&s.click();_context14.next=7;return o(t);case 7:e(t.open).to.be["false"];case 8:case"end":return _context14.stop();}},_callee13);}))),it('should hoist the dropdown when "hoist" is true',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee14(){var _t$shadowRoot5;var t,s;return _regeneratorRuntime().wrap(function _callee14$(_context15){while(1)switch(_context15.prev=_context15.next){case 0:_context15.next=2;return n(i(_templateObject14||(_templateObject14=_taggedTemplateLiteral(["<nile-dropdown hoist></nile-dropdown>"]))));case 2:t=_context15.sent;t.open=!0;_context15.next=6;return o(t);case 6:s=(_t$shadowRoot5=t.shadowRoot)===null||_t$shadowRoot5===void 0?void 0:_t$shadowRoot5.querySelector("nile-popup");e(s===null||s===void 0?void 0:s.getAttribute("strategy")).to.equal("fixed");case 8:case"end":return _context15.stop();}},_callee14);}))),it("should apply animations when opening and closing",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee15(){var o,s,a;return _regeneratorRuntime().wrap(function _callee15$(_context16){while(1)switch(_context16.prev=_context16.next){case 0:_context16.next=2;return n(i(_templateObject15||(_templateObject15=_taggedTemplateLiteral(["<nile-dropdown></nile-dropdown>"]))));case 2:o=_context16.sent;s=t(o,"nile-after-show");o.open=!0;_context16.next=7;return s;case 7:a=t(o,"nile-after-hide");o.open=!1;_context16.next=11;return a;case 11:e(o.open).to.be["false"];case 12:case"end":return _context16.stop();}},_callee15);})));});}};});
 //# sourceMappingURL=nile-dropdown.test.cjs.js.map

package/dist/nile-dropdown/nile-dropdown.test.esm.js

@@ -1,4 +1,4 @@
-import{f as n,a as e,e as o,o as t}from"../fixture-8edec91c.esm.js";import{html as i}from"lit/static-html.js";import"lit/html.js";import"lit/directive-helpers.js";import"lit";import"lit/directives/unsafe-html.js";import{N as s}from"./nile-dropdown.esm.js";import"tslib";import"lit/decorators.js";import"./nile-dropdown.css.esm.js";import"../internal/animate.esm.js";import"lit/directives/class-map.js";import"../utilities/animation-registry.esm.js";import"../internal/tabbable.esm.js";import"../internal/event.esm.js";import"../internal/watch.esm.js";import"../internal/nile-element.esm.js";import"../nile-popup/nile-popup.esm.js";import"../nile-popup/nile-popup.css.esm.js";describe("NileDropdown",(()=>{it("should render correctly",(async()=>{const o=await n(i`<nile-dropdown></nile-dropdown>`);e(o).to.be.instanceOf(s),e(o.shadowRoot).not.to.be.null})),it("should be closed by default",(async()=>{const o=await n(i`<nile-dropdown></nile-dropdown>`);e(o.open).to.be.false;const t=o.shadowRoot?.querySelector(".dropdown__panel");e(t?.getAttribute("aria-hidden")).to.equal("true")})),it('should open the dropdown when "open" property is set to true',(async()=>{const t=await n(i`<nile-dropdown></nile-dropdown>`);t.open=!0,await o(t);const s=t.shadowRoot?.querySelector(".dropdown__panel");e(t.open).to.be.true,e(s?.getAttribute("aria-hidden")).to.equal("false")})),it('should close the dropdown when "open" property is set to false',(async()=>{const t=await n(i`<nile-dropdown open></nile-dropdown>`);t.open=!1,await o(t);const s=t.shadowRoot?.querySelector(".dropdown__panel");e(t.open).to.be.false,e(s?.getAttribute("aria-hidden")).to.equal("true")})),it('should emit "nile-show" and "nile-after-show" when opening the dropdown',(async()=>{const o=await n(i`<nile-dropdown></nile-dropdown>`),s=t(o,"nile-show"),a=t(o,"nile-after-show");o.open=!0,await s,await a,e(o.open).to.be.true})),it('should emit "nile-hide" and "nile-after-hide" when closing the dropdown',(async()=>{const o=await n(i`<nile-dropdown open></nile-dropdown>`),s=t(o,"nile-hide"),a=t(o,"nile-after-hide");o.open=!1,await s,await a,e(o.open).to.be.false})),it('should not open the dropdown if "disabled" is true',(async()=>{const t=await n(i`<nile-dropdown disabled></nile-dropdown>`);t.open=!0,await o(t);const s=t.shadowRoot?.querySelector(".dropdown__panel");e(t.open).to.be.false,e(s?.getAttribute("aria-hidden")).to.equal("true")})),it("should toggle the dropdown when clicking the trigger",(async()=>{const t=await n(i`
+import{f as n,a as e,e as o,o as t}from"../fixture-372df3b0.esm.js";import{html as i}from"lit/static-html.js";import"lit/html.js";import"lit/directive-helpers.js";import"lit";import"lit/directives/unsafe-html.js";import{N as s}from"./nile-dropdown.esm.js";import"tslib";import"lit/decorators.js";import"./nile-dropdown.css.esm.js";import"../internal/animate.esm.js";import"lit/directives/class-map.js";import"../utilities/animation-registry.esm.js";import"../internal/tabbable.esm.js";import"../internal/event.esm.js";import"../internal/watch.esm.js";import"../internal/nile-element.esm.js";import"../nile-popup/nile-popup.esm.js";import"../nile-popup/nile-popup.css.esm.js";describe("NileDropdown",(()=>{it("should render correctly",(async()=>{const o=await n(i`<nile-dropdown></nile-dropdown>`);e(o).to.be.instanceOf(s),e(o.shadowRoot).not.to.be.null})),it("should be closed by default",(async()=>{const o=await n(i`<nile-dropdown></nile-dropdown>`);e(o.open).to.be.false;const t=o.shadowRoot?.querySelector(".dropdown__panel");e(t?.getAttribute("aria-hidden")).to.equal("true")})),it('should open the dropdown when "open" property is set to true',(async()=>{const t=await n(i`<nile-dropdown></nile-dropdown>`);t.open=!0,await o(t);const s=t.shadowRoot?.querySelector(".dropdown__panel");e(t.open).to.be.true,e(s?.getAttribute("aria-hidden")).to.equal("false")})),it('should close the dropdown when "open" property is set to false',(async()=>{const t=await n(i`<nile-dropdown open></nile-dropdown>`);t.open=!1,await o(t);const s=t.shadowRoot?.querySelector(".dropdown__panel");e(t.open).to.be.false,e(s?.getAttribute("aria-hidden")).to.equal("true")})),it('should emit "nile-show" and "nile-after-show" when opening the dropdown',(async()=>{const o=await n(i`<nile-dropdown></nile-dropdown>`),s=t(o,"nile-show"),a=t(o,"nile-after-show");o.open=!0,await s,await a,e(o.open).to.be.true})),it('should emit "nile-hide" and "nile-after-hide" when closing the dropdown',(async()=>{const o=await n(i`<nile-dropdown open></nile-dropdown>`),s=t(o,"nile-hide"),a=t(o,"nile-after-hide");o.open=!1,await s,await a,e(o.open).to.be.false})),it('should not open the dropdown if "disabled" is true',(async()=>{const t=await n(i`<nile-dropdown disabled></nile-dropdown>`);t.open=!0,await o(t);const s=t.shadowRoot?.querySelector(".dropdown__panel");e(t.open).to.be.false,e(s?.getAttribute("aria-hidden")).to.equal("true")})),it("should toggle the dropdown when clicking the trigger",(async()=>{const t=await n(i`
       <nile-dropdown>
         <button slot="trigger">Toggle</button>
       </nile-dropdown>

package/dist/nile-empty-state/index.cjs.js

@@ -1,2 +1,2 @@
-System.register(["./nile-empty-state.cjs.js","tslib","lit","lit/decorators.js","lit/directives/class-map.js","./nile-empty-state.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/if-defined.js"],function(_export,_context){"use strict";return{setters:[function(_nileEmptyStateCjsJs){_export("NileEmptyState",_nileEmptyStateCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_litDirectivesClassMapJs){},function(_nileEmptyStateCssCjsJs){},function(_internalNileElementCjsJs){},function(_litDirectivesIfDefinedJs){}],execute:function execute(){}};});
+System.register(["./nile-empty-state.cjs.js","tslib","lit","lit/decorators.js","lit/directives/class-map.js","./nile-empty-state.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileEmptyStateCjsJs){_export("NileEmptyState",_nileEmptyStateCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_litDirectivesClassMapJs){},function(_nileEmptyStateCssCjsJs){},function(_internalNileElementCjsJs){}],execute:function execute(){}};});
 //# sourceMappingURL=index.cjs.js.map

package/dist/nile-empty-state/index.esm.js

@@ -1 +1 @@
-export{N as NileEmptyState}from"./nile-empty-state.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"lit/directives/class-map.js";import"./nile-empty-state.css.esm.js";import"../internal/nile-element.esm.js";import"lit/directives/if-defined.js";
+export{N as NileEmptyState}from"./nile-empty-state.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"lit/directives/class-map.js";import"./nile-empty-state.css.esm.js";import"../internal/nile-element.esm.js";

package/dist/nile-empty-state/nile-empty-state.cjs.js

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","lit/directives/class-map.js","./nile-empty-state.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/if-defined.js"],function(_export,_context){"use strict";var t,i,s,e,o,n,a,l,c,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,d;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){i=_lit.html;s=_lit.nothing;},function(_litDecoratorsJs){e=_litDecoratorsJs.property;o=_litDecoratorsJs.customElement;},function(_litDirectivesClassMapJs){n=_litDirectivesClassMapJs.classMap;},function(_nileEmptyStateCssCjsJs){a=_nileEmptyStateCssCjsJs.s;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;},function(_litDirectivesIfDefinedJs){c=_litDirectivesIfDefinedJs.ifDefined;}],execute:function execute(){_export("N",d=/*#__PURE__*/function(_l){function d(){var _this;_classCallCheck(this,d);_this=_callSuper(this,d,arguments),_this.size="md",_this.variant="tonal",_this.icon="error",_this.grayscale=!1,_this.text="Empty State",_this.subText="No Data",_this.svgIconSize=40;return _this;}_inherits(d,_l);return _createClass(d,[{key:"render",value:function render(){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t<div class=\"","\">\n      <div class=\"","\">\n\n        ","\n\t\t\t\t\n\t\t\t  ","\n\n\t\t\t  ","\n      \n        <div class=\"empty__state__text-section\">\n          <div class=\"empty-state__text\">","</div>\n          <div class=\"empty-state__subtext\">","</div>\n        </div>\n\t\t\t</div>\n\n\t\t\t<div class=\"empty-state-actions\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t</div>\n\t\t"])),n({"empty-state":!0,"empty-state--sm":"sm"==this.size,"empty-state--md":"md"==this.size,"empty-state--lg":"lg"==this.size}),n({"empty-state__body":!0}),"content"==this.variant?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n        <div class=\"empty-state__body--content\">\n          ","\n        </div>"])),this.icon||this.svgIconUrl?i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n          <div class=\"empty-state__img__icon\">\n            ","\n          </div>"])),this.svgIconUrl?i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n              <nile-icon customSvgPath=\"","\" size=\"","\" color=\"","\" noFill></nile-icon>\n              <!-- <nile-icon customSvgPath=\"","\" size=\"","\" color=\"","\"></nile-icon> -->\n            "])),this.svgIconUrl,this.svgIconSize,c(this.svgIconColor),this.svgIconUrl,this.svgIconSize,this.svgIconColor?this.svgIconColor:"#ddd"):i(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n              <nile-icon name=\"","\" color=\"white\" size=\"","\"></nile-icon>\n            "])),this.icon,"sm"==this.size||"md"==this.size?24:28)):s):s,"tonal"==this.variant?i(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n\t\t\t\t<div class=\"empty-state__body--tonal\">\n\t\t\t\t\t","\n\t\t\t\t</div>"])),this.svgIconUrl?i(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n            <nile-icon customSvgPath=\"","\" size=\"","\" color=\"","\" noFill></nile-icon>\n          "])),this.svgIconUrl,this.svgIconSize,c(this.svgIconColor)):i(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n            <nile-icon name=\"","\" size=\"40\"></nile-icon>\n          "])),this.icon)):s,"flat"==this.variant?i(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n\t\t\t\t<div class=\"empty-state__body--flat\">\n\t\t\t\t\t<span class=\"nile-flat-type-icon\">\n\t\t\t\t\t\t","\n\t\t\t\t\t</span>\n\t\t\t\t</div>"])),this.svgIconUrl?i(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n              <nile-icon customSvgPath=\"","\" size=\"","\" variant=\"secondary\" color=\"","\" noFill></nile-icon>\n            "])),this.svgIconUrl,this.svgIconSize,c(this.svgIconColor)):i(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["\n              <nile-icon name=\"","\" size=\"","\" variant=\"secondary\"></nile-icon>\n            "])),this.icon,"sm"==this.size||"md"==this.size?24:28)):s,this.text,this.subText);}}],[{key:"styles",get:function get(){return[a];}}]);}(l));t([e()],d.prototype,"size",void 0),t([e()],d.prototype,"variant",void 0),t([e()],d.prototype,"icon",void 0),t([e({type:Boolean})],d.prototype,"grayscale",void 0),t([e()],d.prototype,"text",void 0),t([e({attribute:"sub-text"})],d.prototype,"subText",void 0),t([e()],d.prototype,"svgIconUrl",void 0),t([e({type:Number})],d.prototype,"svgIconSize",void 0),t([e({type:String})],d.prototype,"svgIconColor",void 0),_export("N",d=t([o("nile-empty-state")],d));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","lit/directives/class-map.js","./nile-empty-state.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var t,s,i,e,a,o,m,l,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,n;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){s=_lit.html;i=_lit.nothing;},function(_litDecoratorsJs){e=_litDecoratorsJs.property;a=_litDecoratorsJs.customElement;},function(_litDirectivesClassMapJs){o=_litDirectivesClassMapJs.classMap;},function(_nileEmptyStateCssCjsJs){m=_nileEmptyStateCssCjsJs.s;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",n=/*#__PURE__*/function(_l){function n(){var _this;_classCallCheck(this,n);_this=_callSuper(this,n,arguments),_this.size="md",_this.variant="tonal",_this.icon="error",_this.grayscale=!1,_this.text="Empty State",_this.subText="No Data";return _this;}_inherits(n,_l);return _createClass(n,[{key:"render",value:function render(){return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t<div class=\"","\">\n      <div class=\"","\">\n\n        ","\n\t\t\t\t\n\t\t\t  ","\n\n\t\t\t  ","\n      \n        <div class=\"empty__state__text-section\">\n          <div class=\"empty-state__text\">","</div>\n          <div class=\"empty-state__subtext\">","</div>\n        </div>\n\t\t\t</div>\n\n\t\t\t<div class=\"empty-state-actions\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t</div>\n\t\t"])),o({"empty-state":!0,"empty-state--sm":"sm"==this.size,"empty-state--md":"md"==this.size,"empty-state--lg":"lg"==this.size}),o({"empty-state__body":!0}),"content"==this.variant?s(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n        <div class=\"empty-state__body--content\">\n          \n          <div src=\"\" class=\"","\"></div>\n          ","\n        </div>"])),o({"empty-state__image":!0,"empty-state__image--grayscale":this.grayscale}),this.icon?s(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n          <div class=\"empty-state__img__icon\">\n            <nile-icon name=\"","\" color=\"white\" size=\"","\"></nile-icon>\n          </div>"])),this.icon,"sm"==this.size||"md"==this.size?24:28):i):i,"tonal"==this.variant?s(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n\t\t\t\t<div class=\"empty-state__body--tonal\">\n\t\t\t\t\t<nile-icon name=\"","\" size=\"40\"></nile-icon>\n\t\t\t\t</div>"])),this.icon):i,"flat"==this.variant?s(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n\t\t\t\t<div class=\"empty-state__body--flat\">\n\t\t\t\t\t<span class=\"nile-flat-type-icon\">\n\t\t\t\t\t\t<nile-icon name=\"","\" size=\"","\" variant=\"secondary\"></nile-icon>\n\t\t\t\t\t</span>\n\t\t\t\t</div>"])),this.icon,"sm"==this.size||"md"==this.size?24:28):i,this.text,this.subText);}}],[{key:"styles",get:function get(){return[m];}}]);}(l));t([e()],n.prototype,"size",void 0),t([e()],n.prototype,"variant",void 0),t([e()],n.prototype,"icon",void 0),t([e({type:Boolean})],n.prototype,"grayscale",void 0),t([e()],n.prototype,"text",void 0),t([e({attribute:"sub-text"})],n.prototype,"subText",void 0),_export("N",n=t([a("nile-empty-state")],n));}};});
 //# sourceMappingURL=nile-empty-state.cjs.js.map

package/dist/nile-empty-state/nile-empty-state.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-empty-state.cjs.js","sources":["../../../src/nile-empty-state/nile-empty-state.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 { html, nothing, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './nile-empty-state.css';\nimport NileElement from '../internal/nile-element';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n/**\n * Nile empty-state component.\n *\n * @tag nile-empty-state\n *\n */\n@customElement('nile-empty-state')\nexport class NileEmptyState extends NileElement {\n\n  /**\n   * The styles for nile-empty-state\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property() size: 'sm' | 'md' | 'lg'  = 'md';\n\n  @property() variant:\n    | 'flat'\n    | 'content'\n    | 'tonal' = 'tonal';\n\n  @property() icon: string = 'error';\n  @property({type:Boolean}) grayscale: boolean = false;\n\n  @property() text: String = 'Empty State';\n  @property({attribute:'sub-text'}) subText: String = 'No Data';\n  @property() svgIconUrl: string;\n  @property({type: Number}) svgIconSize: number = 40;\n  @property({type: String}) svgIconColor: string;\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    return html`\n\t\t<div class=\"${classMap({\n      'empty-state': true,\n      'empty-state--sm': this.size == 'sm',\n      'empty-state--md': this.size == 'md',\n      'empty-state--lg': this.size == 'lg'\n    })}\">\n      <div class=\"${classMap({ 'empty-state__body': true })}\">\n\n        ${this.variant == 'content' ? html`\n        <div class=\"empty-state__body--content\">\n          ${!this.icon && !this.svgIconUrl ? nothing : html`\n          <div class=\"empty-state__img__icon\">\n            ${this.svgIconUrl ? html`\n              <nile-icon customSvgPath=\"${this.svgIconUrl}\" size=\"${this.svgIconSize}\" color=\"${ifDefined(this.svgIconColor)}\" noFill></nile-icon>\n              <!-- <nile-icon customSvgPath=\"${this.svgIconUrl}\" size=\"${this.svgIconSize}\" color=\"${this.svgIconColor ? this.svgIconColor : '#ddd'}\"></nile-icon> -->\n            ` : html`\n              <nile-icon name=\"${this.icon}\" color=\"white\" size=\"${this.size == 'sm' ? 24 : this.size == 'md' ? 24 : 28}\"></nile-icon>\n            `}\n          </div>`\n          }\n        </div>`: nothing\n        }\n\t\t\t\t\n\t\t\t  ${this.variant == 'tonal' ? html`\n\t\t\t\t<div class=\"empty-state__body--tonal\">\n\t\t\t\t\t${this.svgIconUrl ? html`\n            <nile-icon customSvgPath=\"${this.svgIconUrl}\" size=\"${this.svgIconSize}\" color=\"${ifDefined(this.svgIconColor)}\" noFill></nile-icon>\n          ` : html`\n            <nile-icon name=\"${this.icon}\" size=\"40\"></nile-icon>\n          `}\n\t\t\t\t</div>`: nothing\n        }\n\n\t\t\t  ${this.variant == 'flat' ? html`\n\t\t\t\t<div class=\"empty-state__body--flat\">\n\t\t\t\t\t<span class=\"nile-flat-type-icon\">\n\t\t\t\t\t\t${this.svgIconUrl ? html`\n              <nile-icon customSvgPath=\"${this.svgIconUrl}\" size=\"${this.svgIconSize}\" variant=\"secondary\" color=\"${ifDefined(this.svgIconColor)}\" noFill></nile-icon>\n            ` : html`\n              <nile-icon name=\"${this.icon}\" size=\"${this.size == 'sm' ? 24 : this.size == 'md' ? 24 : 28}\" variant=\"secondary\"></nile-icon>\n            `}\n\t\t\t\t\t</span>\n\t\t\t\t</div>`: nothing\n        }\n      \n        <div class=\"empty__state__text-section\">\n          <div class=\"empty-state__text\">${this.text}</div>\n          <div class=\"empty-state__subtext\">${this.subText}</div>\n        </div>\n\t\t\t</div>\n\n\t\t\t<div class=\"empty-state-actions\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t</div>\n\t\t`;\n  }\n\n  /* #endregion */\n}\n\nexport default NileEmptyState;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-empty-state': NileEmptyState;\n  }\n}"],"names":["NileEmptyState","d","constructor","this","size","variant","icon","grayscale","text","subText","svgIconSize","_this","_inherits","_l","_createClass","key","value","render","html","_templateObject","_taggedTemplateLiteral","classMap","_templateObject2","svgIconUrl","_templateObject3","_templateObject4","ifDefined","svgIconColor","_templateObject5","nothing","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","get","styles","NileElement","__decorate","property","prototype","type","Boolean","attribute","Number","String","customElement"],"mappings":"2hHAoBaA,CAAAA,uBAAAA,EAAAA,EAAN,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCAUOC,KAAAA,CAAIC,IAAAA,CAAwB,IAE5BD,CAAAA,KAAAA,CAAOE,QAGL,OAEFF,CAAAA,KAAAA,CAAIG,IAAW,CAAA,OAAA,CACDH,KAAAA,CAASI,SAAAA,CAAAA,CAAY,EAEnCJ,KAAAA,CAAIK,IAAAA,CAAW,aACOL,CAAAA,KAAAA,CAAOM,OAAW,CAAA,SAAA,CAE1BN,KAAAA,CAAWO,WAAW,CAAA,EAwEjD,QAAAC,KAAA,EAzFQC,SAAA,CAAAX,CAAA,CAAAY,EAAA,SAAAC,YAAA,CAAAb,CAAA,GAAAc,GAAA,UAAAC,KAAA,CA4BA,SAAAC,MAAAA,CAAAA,CACL,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,8ZACCC,CAAAA,CAAS,CACnB,aAAA,CAAA,CAAe,CACf,CAAA,iBAAA,CAAgC,IAAblB,EAAAA,IAAAA,CAAKC,IACxB,CAAA,iBAAA,CAAgC,IAAbD,EAAAA,IAAAA,CAAKC,IACxB,CAAA,iBAAA,CAAgC,MAAbD,IAAKC,CAAAA,IAAAA,CAAAA,CAAAA,CAEViB,CAAAA,CAAS,CAAE,mBAAqB,CAAA,CAAA,CAAA,CAAA,CAAA,CAE1B,SAAhBlB,EAAAA,IAAAA,CAAKE,QAAuBa,CAAI,CAAAI,gBAAA,GAAAA,gBAAA,CAAAF,sBAAA,2FAE7BjB,IAAKG,CAAAA,IAAAA,EAASH,IAAKoB,CAAAA,UAAAA,CAAuBL,CAAI,CAAAM,gBAAA,GAAAA,gBAAA,CAAAJ,sBAAA,6FAE7CjB,IAAAA,CAAKoB,WAAaL,CAAI,CAAAO,gBAAA,GAAAA,gBAAA,CAAAL,sBAAA,sNACMjB,IAAAA,CAAKoB,UAAqBpB,CAAAA,IAAAA,CAAKO,WAAuBgB,CAAAA,CAAAA,CAAUvB,IAAKwB,CAAAA,YAAAA,CAAAA,CAChExB,IAAAA,CAAKoB,WAAqBpB,IAAKO,CAAAA,WAAAA,CAAuBP,IAAKwB,CAAAA,YAAAA,CAAexB,KAAKwB,YAAe,CAAA,MAAA,EAC7HT,CAAI,CAAAU,gBAAA,GAAAA,gBAAA,CAAAR,sBAAA,uGACajB,IAAAA,CAAKG,KAA0C,IAAbH,EAAAA,IAAAA,CAAKC,MAAiC,IAAbD,EAAAA,IAAAA,CAAKC,KAAV,EAA8B,CAAA,EAAA,GANxEyB,CAAAA,EAU5BA,CAAAA,CAGM,OAAhB1B,EAAAA,IAAAA,CAAKE,QAAqBa,CAAI,CAAAY,gBAAA,GAAAA,gBAAA,CAAAV,sBAAA,yFAE9BjB,IAAAA,CAAKoB,WAAaL,CAAI,CAAAa,gBAAA,GAAAA,gBAAA,CAAAX,sBAAA,iHACWjB,IAAAA,CAAKoB,UAAqBpB,CAAAA,IAAAA,CAAKO,WAAuBgB,CAAAA,CAAAA,CAAUvB,IAAKwB,CAAAA,YAAAA,CAAAA,EAC/FT,CAAI,CAAAc,gBAAA,GAAAA,gBAAA,CAAAZ,sBAAA,kFACajB,IAAKG,CAAAA,IAAAA,GAEvBuB,CAAAA,CAGU,MAAhB1B,EAAAA,IAAAA,CAAKE,QAAoBa,CAAI,CAAAe,gBAAA,GAAAA,gBAAA,CAAAb,sBAAA,6JAG5BjB,IAAAA,CAAKoB,WAAaL,CAAI,CAAAgB,iBAAA,GAAAA,iBAAA,CAAAd,sBAAA,2IACYjB,IAAAA,CAAKoB,UAAqBpB,CAAAA,IAAAA,CAAKO,WAA2CgB,CAAAA,CAAAA,CAAUvB,IAAKwB,CAAAA,YAAAA,CAAAA,EACnHT,CAAI,CAAAiB,iBAAA,GAAAA,iBAAA,CAAAf,sBAAA,6GACajB,IAAAA,CAAKG,KAA4B,IAAbH,EAAAA,IAAAA,CAAKC,MAAiC,IAAbD,EAAAA,IAAAA,CAAKC,KAAV,EAA8B,CAAA,EAAA,GAG1FyB,CAAAA,CAI8B1B,IAAKK,CAAAA,IAAAA,CACFL,IAAKM,CAAAA,OAAAA,EAShD,CAAA,KAAAM,GAAA,UAAAqB,GAAA,CAtFM,SAAAA,IAAA,CACL,CAAA,MAAO,CAACC,CAAAA,CACT,EA0BM,MAlC2BC,CAAAA,GAUtBC,EAAA,CAAXC,CAAAA,CAAAA,CAAAA,CAAAA,CAA4CxC,CAAAyC,CAAAA,SAAAA,CAAA,WAAA,EAEjCF,CAAAA,CAAAA,CAAAA,CAAA,CAAXC,CAAAA,CAAAA,CAAAA,CAAAA,CAGqBxC,EAAAyC,SAAA,CAAA,SAAA,CAAA,IAAA,IAEVF,CAAA,CAAA,CAAXC,KAAkCxC,CAAAyC,CAAAA,SAAAA,CAAA,MAAA,CAAA,IAAA,EAAA,CAAA,CACTF,EAAA,CAAzBC,CAAAA,CAAS,CAACE,IAAAA,CAAKC,WAAqC3C,CAAAyC,CAAAA,SAAAA,CAAA,WAAA,CAAA,IAAA,EAAA,CAAA,CAEzCF,EAAA,CAAXC,CAAAA,CAAAA,CAAAA,CAAAA,CAAwCxC,EAAAyC,SAAA,CAAA,MAAA,CAAA,IAAA,IACPF,CAAA,CAAA,CAAjCC,CAAS,CAAA,CAACI,UAAU,UAAyC5C,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAyC,SAAA,CAAA,SAAA,CAAA,IAAA,IAClDF,CAAA,CAAA,CAAXC,CAA8BxC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAyC,UAAA,YAAA,CAAA,IAAA,EAAA,CAAA,CACLF,EAAA,CAAzBC,CAAAA,CAAS,CAACE,IAAMG,CAAAA,MAAAA,CAAAA,CAAAA,CAAAA,CAAkC7C,CAAAyC,CAAAA,SAAAA,CAAA,kBAAA,EACzBF,CAAAA,CAAAA,CAAAA,CAAA,CAAzBC,CAAAA,CAAS,CAACE,IAAMI,CAAAA,MAAAA,CAAAA,CAAAA,CAAAA,CAA8B9C,CAAAyC,CAAAA,SAAAA,CAAA,mBAAA,EAxBpCzC,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAcuC,EAAA,CAD1BQ,CAAAA,CAAc,qBACF/C"}
+{"version":3,"file":"nile-empty-state.cjs.js","sources":["../../../src/nile-empty-state/nile-empty-state.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 { html, nothing, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './nile-empty-state.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile empty-state component.\n *\n * @tag nile-empty-state\n *\n */\n@customElement('nile-empty-state')\nexport class NileEmptyState extends NileElement {\n\n  /**\n   * The styles for nile-empty-state\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property() size: 'sm' | 'md' | 'lg' = 'md';\n\n  @property() variant:\n    | 'flat'\n    | 'content'\n    | 'tonal' = 'tonal';\n\n  @property() icon: string = 'error';\n  @property({type:Boolean}) grayscale: boolean = false;\n\n  @property() text: String = 'Empty State';\n  @property({attribute:'sub-text'}) subText: String = 'No Data';\n\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    return html`\n\t\t<div class=\"${classMap({\n      'empty-state': true,\n      'empty-state--sm': this.size == 'sm',\n      'empty-state--md': this.size == 'md',\n      'empty-state--lg': this.size == 'lg'\n    })}\">\n      <div class=\"${classMap({ 'empty-state__body': true })}\">\n\n        ${this.variant == 'content' ? html`\n        <div class=\"empty-state__body--content\">\n          \n          <div src=\"\" class=\"${classMap({ 'empty-state__image': true, 'empty-state__image--grayscale':this.grayscale  })}\"></div>\n          ${!this.icon ? nothing : html`\n          <div class=\"empty-state__img__icon\">\n            <nile-icon name=\"${this.icon}\" color=\"white\" size=\"${this.size == 'sm' ? 24 : this.size == 'md' ? 24 : 28}\"></nile-icon>\n          </div>`\n          }\n        </div>`: nothing\n        }\n\t\t\t\t\n\t\t\t  ${this.variant == 'tonal' ? html`\n\t\t\t\t<div class=\"empty-state__body--tonal\">\n\t\t\t\t\t<nile-icon name=\"${this.icon}\" size=\"40\"></nile-icon>\n\t\t\t\t</div>`: nothing\n        }\n\n\t\t\t  ${this.variant == 'flat' ? html`\n\t\t\t\t<div class=\"empty-state__body--flat\">\n\t\t\t\t\t<span class=\"nile-flat-type-icon\">\n\t\t\t\t\t\t<nile-icon name=\"${this.icon}\" size=\"${this.size == 'sm' ? 24 : this.size == 'md' ? 24 : 28}\" variant=\"secondary\"></nile-icon>\n\t\t\t\t\t</span>\n\t\t\t\t</div>`: nothing\n        }\n      \n        <div class=\"empty__state__text-section\">\n          <div class=\"empty-state__text\">${this.text}</div>\n          <div class=\"empty-state__subtext\">${this.subText}</div>\n        </div>\n\t\t\t</div>\n\n\t\t\t<div class=\"empty-state-actions\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t</div>\n\t\t`;\n  }\n\n  /* #endregion */\n}\n\nexport default NileEmptyState;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-empty-state': NileEmptyState;\n  }\n}"],"names":["NileEmptyState","n","this","size","variant","icon","grayscale","text","subText","_this","_inherits","_l","_createClass","key","value","render","html","_templateObject","_taggedTemplateLiteral","classMap","_templateObject2","_templateObject3","nothing","_templateObject4","_templateObject5","__decorate","get","styles","NileElement","property","prototype","type","Boolean","attribute","customElement"],"mappings":"s0GAoBaA,4BAAN,SAAAC,EAAA,qEAUOC,EAAAA,KAAAA,CAAIC,IAAuB,CAAA,IAAA,CAE3BD,KAAAA,CAAOE,OAGL,CAAA,OAAA,CAEFF,KAAAA,CAAIG,IAAW,CAAA,OAAA,CACDH,KAAAA,CAASI,SAAY,CAAA,CAAA,CAAA,CAEnCJ,KAAAA,CAAIK,IAAAA,CAAW,aACOL,CAAAA,KAAAA,CAAOM,QAAW,SA6DrD,QAAAC,KAAA,EA5EQC,SAAA,CAAAT,CAAA,CAAAU,EAAA,SAAAC,YAAA,CAAAX,CAAA,GAAAY,GAAA,UAAAC,KAAA,CA0BA,SAAAC,MAAAA,CAAAA,CACL,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,8ZACCC,CAAAA,CAAS,CACnB,aAAA,CAAA,CAAe,CACf,CAAA,iBAAA,CAAgC,IAAbjB,EAAAA,IAAAA,CAAKC,IACxB,CAAA,iBAAA,CAAgC,IAAbD,EAAAA,IAAAA,CAAKC,IACxB,CAAA,iBAAA,CAAgC,MAAbD,IAAKC,CAAAA,IAAAA,CAAAA,CAAAA,CAEVgB,CAAAA,CAAS,CAAE,mBAAqB,CAAA,CAAA,CAAA,CAAA,CAAA,CAE1B,SAAhBjB,EAAAA,IAAAA,CAAKE,QAAuBY,CAAI,CAAAI,gBAAA,GAAAA,gBAAA,CAAAF,sBAAA,qJAGXC,CAAAA,CAAS,CAAE,oBAAA,CAAA,CAAsB,CAAM,CAAA,+BAAA,CAAgCjB,IAAKI,CAAAA,SAAAA,CAAAA,CAAAA,CAC9FJ,IAAAA,CAAKG,KAAiBW,CAAI,CAAAK,gBAAA,GAAAA,gBAAA,CAAAH,sBAAA,2JAERhB,IAAAA,CAAKG,KAA0C,IAAbH,EAAAA,IAAAA,CAAKC,MAAiC,IAAbD,EAAAA,IAAAA,CAAKC,KAAV,EAA8B,CAAA,EAAA,EAF1FmB,CAAAA,EAKRA,CAAAA,CAGM,OAAhBpB,EAAAA,IAAAA,CAAKE,QAAqBY,CAAI,CAAAO,gBAAA,GAAAA,gBAAA,CAAAL,sBAAA,sIAEbhB,IAAKG,CAAAA,IAAAA,EAChBiB,CAAAA,CAGU,MAAhBpB,EAAAA,IAAAA,CAAKE,QAAoBY,CAAI,CAAAQ,gBAAA,GAAAA,gBAAA,CAAAN,sBAAA,iOAGXhB,IAAAA,CAAKG,KAA4B,IAAbH,EAAAA,IAAAA,CAAKC,MAAiC,IAAbD,EAAAA,IAAAA,CAAKC,KAAV,EAA8B,CAAA,EAAA,EAElFmB,CAAAA,CAI8BpB,IAAKK,CAAAA,IAAAA,CACFL,IAAKM,CAAAA,OAAAA,EAShD,CArEWiB,KAAAA,GAAAA,UAAAA,GAAAA,CAJL,SAAAC,IAAA,CAAWC,CAChB,MAAO,CAACA,EACT,EAwBM,MAhC2BC,CAAAA,GAUtBH,CAAAA,CAAA,CAAXI,CAAAA,CAAAA,CAAAA,CAAAA,CAA2C7B,CAAA8B,CAAAA,SAAAA,CAAA,WAAA,EAEhCL,CAAAA,CAAAA,CAAAA,CAAA,CAAXI,CAAAA,CAAAA,CAAAA,CAAAA,CAGqB7B,CAAA8B,CAAAA,SAAAA,CAAA,cAAA,EAEVL,CAAAA,CAAAA,CAAAA,CAAA,CAAXI,CAAAA,CAAAA,CAAAA,CAAAA,CAAkC7B,CAAA8B,CAAAA,SAAAA,CAAA,WAAA,EACTL,CAAAA,CAAAA,CAAAA,CAAA,CAAzBI,CAAAA,CAAS,CAACE,IAAAA,CAAKC,WAAqChC,CAAA8B,CAAAA,SAAAA,CAAA,WAAA,CAAA,IAAA,EAAA,CAAA,CAEzCL,CAAA,CAAA,CAAXI,KAAwC7B,CAAA8B,CAAAA,SAAAA,CAAA,MAAA,CAAA,IAAA,EAAA,CAAA,CACPL,CAAA,CAAA,CAAjCI,EAAS,CAACI,SAAAA,CAAU,UAAyCjC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA8B,SAAA,CAAA,SAAA,CAAA,IAAA,EArBnD9B,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAcyB,CAAA,CAAA,CAD1BS,CAAc,CAAA,kBAAA,CAAA,CAAA,CACFlC"}

package/dist/nile-empty-state/nile-empty-state.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,i;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",i=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display:inline-flex;\n    width:100%;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .empty-state--sm {\n    --nile-es-text-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));\n    --nile-es-text-line-height: var(--nile-line-height-medium, var(--ng-line-height-text-md));\n    --nile-es-subtext-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    --nile-es-subtext-line-height:20px;\n    \n    --nile-es-icon-size:var(--nile-height-48px, var(--ng-height-48px));\n    --nile-es-flat-option-border-radius: var(--nile-border-size-5, var(--ng-radius-lg));\n    --nile-es-img-height:118px;\n    --nile-es-img-width:152px;\n\n    --nile-es-gap:var(--nile-spacing-spacing-3xl, var(--ng-spacing-3xl));\n    --nile-es-body-gap:var(--nile-spacing-spacing-xl, var(--ng-spacing-xl));\n    --nile-es-text-gap:var(--nile-spacing-none, var(--ng-spacing-xs));\n  }\n\n  .empty-state--md {\n    --nile-es-text-size: var(--nile-type-scale-5, var(--ng-font-size-text-lg));\n    --nile-es-text-line-height: var(--nile-line-height-large, var(--ng-line-height-text-lg));\n    --nile-es-subtext-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    --nile-es-subtext-line-height: var(--nile-line-height-small, var(--ng-line-height-text-sm));\n\n    --nile-es-icon-size: var(--nile-spacing-5-x, var(--ng-height-48px));\n    --nile-es-flat-option-border-radius: var(--nile-border-size-5, var(--ng-radius-lg));\n    --nile-es-img-height:128px;\n    --nile-es-img-width:172px;\n\n    --nile-es-gap:var(--nile-spacing-spacing-4xl, var(--ng-spacing-4xl));\n    --nile-es-body-gap:var(--nile-spacing-spacing-2xl, var(--ng-spacing-2xl));\n    --nile-es-text-gap:var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n  }\n\n  .empty-state--lg {\n    --nile-es-text-size: var(--nile-spacing-2xl, var(--ng-font-size-text-xl));\n    --nile-es-text-line-height: var(--nile-line-height-large, var(--ng-line-height-text-xl));\n    --nile-es-subtext-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));\n    --nile-es-subtext-line-height: var(--nile-line-height-medium, var(--ng-line-height-text-md));\n\n    --nile-es-icon-size:var(--nile-height-60px, var(--ng-height-60px));\n    --nile-es-flat-option-border-radius: var(--nile-border-size-10, var(--ng-radius-lg));\n    --nile-es-img-height:160px;\n    --nile-es-img-width:220px;\n\n    --nile-es-gap:var(--nile-spacing-spacing-4xl, var(--ng-spacing-4xl));\n    --nile-es-body-gap:var(--nile-spacing-spacing-3xl, var(--ng-spacing-2xl));\n    --nile-es-text-gap:var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n  }\n\n  .empty-state {\n    min-width:300px;\n    max-width:512px;\n    width:100%;\n    height:max-content;\n    display:flex;\n    flex-direction:column;\n    row-gap:var(--nile-es-gap);\n  }\n\n  .empty-state__body {\n    display:flex;\n    flex-direction:column;\n    justify-content:space-between;\n    align-items:center;\n    row-gap:var(--nile-es-body-gap)\n  }\n\n  .empty-state__body--content {\n    position:relative;\n  }\n\n  .empty-state__img__icon {\n    display: var(--ng-display-flex);\n    justify-content: center;\n    align-items: center;\n  }\n\n  .empty-state__body--tonal {\n    background:  var(--nile-gradient-1, var(--ng-white-gradient-6));\n    width: 104px;\n    height: 104px;\n    border-radius: var(--nile-radius-full, var(--ng-radius-full));\n    display:flex;\n    justify-content:center;\n    align-items:center;\n  }\n\n  .nile-flat-type-icon {\n    height:var(--nile-es-icon-size);\n    aspect-ratio:1 / 1;\n    border-radius: var(--nile-es-flat-option-border-radius);\n\n    background-color: white;\n    display: grid;\n    place-items: center;\n    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n  }\n\n  .empty__state__text-section {\n    display:flex;\n    flex-direction:column;\n    gap:var(--nile-es-text-gap);\n    max-width:80%;\n  }\n\n  .empty-state__text {\n    font-size: var(--nile-es-text-size);\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-600));\n    line-height: var(--nile-es-text-line-height);\n    text-align: center;\n    font-style: normal;\n  }\n\n  .empty-state__subtext {\n    font-size: var(--nile-es-subtext-size);\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));\n    line-height: var(--nile-es-subtext-line-height);\n    text-align: center;\n    color:var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n    font-style: normal;\n  }\n\n  .empty-state-actions {\n    display:flex;\n    justify-content:center;\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,i;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",i=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display:inline-flex;\n    min-width:var(--nile-empty-state-max-width);\n    max-width:var(--nile-empty-state-min-width);\n    width:100%;\n  }\n\n  .empty-state--sm {\n    --nile-es-text-size:16px;\n    --nile-es-text-line-height:24px;\n    --nile-es-subtext-size:14px;\n    --nile-es-subtext-line-height:20px;\n    \n    --nile-es-icon-size:48px;\n    --nile-es-flat-option-border-radius:5px;\n    --nile-es-img-height:118px;\n    --nile-es-img-width:152px;\n\n    --nile-es-gap:var(--nile-spacing-spacing-3xl);\n    --nile-es-body-gap:var(--nile-spacing-spacing-xl);\n    --nile-es-text-gap:0px;\n  }\n\n  .empty-state--md {\n    --nile-es-text-size:18px;\n    --nile-es-text-line-height:28px;\n    --nile-es-subtext-size:14px;\n    --nile-es-subtext-line-height:20px;\n\n    --nile-es-icon-size:48px;\n    --nile-es-flat-option-border-radius:5px;\n    --nile-es-img-height:128px;\n    --nile-es-img-width:172px;\n\n    --nile-es-gap:var(--nile-spacing-spacing-4xl);\n    --nile-es-body-gap:var(--nile-spacing-spacing-2xl);\n    --nile-es-text-gap:var(--nile-spacing-spacing-md);\n  }\n\n  .empty-state--lg {\n    --nile-es-text-size:20px;\n    --nile-es-text-line-height:30px;\n    --nile-es-subtext-size:16px;\n    --nile-es-subtext-line-height:24px;\n\n    --nile-es-icon-size:56px;\n    --nile-es-flat-option-border-radius:10px;\n    --nile-es-img-height:160px;\n    --nile-es-img-width:220px;\n\n    --nile-es-gap:var(--nile-spacing-spacing-4xl);\n    --nile-es-body-gap:var(--nile-spacing-spacing-3xl);\n    --nile-es-text-gap:var(--nile-spacing-spacing-md)\n  }\n\n  .empty-state {\n    min-width:300px;\n    max-width:512px;\n    width:100%;\n    height:max-content;\n    display:flex;\n    flex-direction:column;\n    row-gap:var(--nile-es-gap);\n  }\n\n  .empty-state__body {\n    display:flex;\n    flex-direction:column;\n    justify-content:space-between;\n    align-items:center;\n    row-gap:var(--nile-es-body-gap)\n  }\n\n  .empty-state__body--content {\n    position:relative;\n  }\n  .empty-state__image {    \n    background:var(--nile-empty-state-image);\n    background-size: var(--nile-es-img-width) var(--nile-es-img-height);\n    height: var(--nile-es-img-height);\n    width: var(--nile-es-img-width);\n    max-width: 100%;\n  }\n\n  .empty-state__image--grayscale {\n    -webkit-filter: grayscale(100%);\n    -moz-filter: grayscale(100%);\n    -o-filter: grayscale(100%);\n    -ms-filter: grayscale(100%);\n    filter: grayscale(100%);\n  }\n\n  .empty-state__img__icon {\n    height: var(--nile-es-icon-size);\n    aspect-ratio:1 / 1;\n    border-radius: 50%;\n    display: grid;\n    place-items: center;\n    background: var(--nile-colors-neutral-500);\n    position:absolute;\n    left: calc(50% - calc(var(--nile-es-icon-size) / 2));\n    top:calc(62.5% - calc(var(--nile-es-icon-size) / 2));\n  }\n\n  .empty-state__body--tonal {\n    background: linear-gradient(180deg, var(--nile-colors-neutral-100) 0%, var(--nile-colors-neutral-400) 100%);\n    width: 104px;\n    height: 104px;\n    border-radius: 50%;\n    display:flex;\n    justify-content:center;\n    align-items:center;\n  }\n\n  .empty-state__body--flat {\n  }\n\n  .nile-flat-type-icon {\n    height:var(--nile-es-icon-size);\n    aspect-ratio:1 / 1;\n    border-radius: var(--nile-es-flat-option-border-radius);\n\n    background-color: white;\n    display: grid;\n    place-items: center;\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .empty__state__text-section {\n    display:flex;\n    flex-direction:column;\n    gap:var(--nile-es-text-gap);\n    max-width:80%;\n  }\n\n  .empty-state__text {\n    font-size: var(--nile-es-text-size);\n    font-weight: 600;\n    line-height: var(--nile-es-text-line-height);\n    text-align: center;\n    font-style: normal;\n  }\n\n  .empty-state__subtext {\n    font-size: var(--nile-es-subtext-size);\n    font-weight: 400;\n    line-height: var(--nile-es-subtext-line-height);\n    text-align: center;\n    color:var(--nile-colors-dark-500);\n    font-style: normal;\n  }\n\n  .empty-state-actions {\n    display:flex;\n    justify-content:center;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-empty-state.css.cjs.js.map

package/dist/nile-empty-state/nile-empty-state.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-empty-state.css.cjs.js","sources":["../../../src/nile-empty-state/nile-empty-state.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';\n\n/**\n * EmptyState CSS\n */\nexport const styles = css`\n  :host {\n    display:inline-flex;\n    width:100%;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .empty-state--sm {\n    --nile-es-text-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));\n    --nile-es-text-line-height: var(--nile-line-height-medium, var(--ng-line-height-text-md));\n    --nile-es-subtext-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    --nile-es-subtext-line-height:20px;\n    \n    --nile-es-icon-size:var(--nile-height-48px, var(--ng-height-48px));\n    --nile-es-flat-option-border-radius: var(--nile-border-size-5, var(--ng-radius-lg));\n    --nile-es-img-height:118px;\n    --nile-es-img-width:152px;\n\n    --nile-es-gap:var(--nile-spacing-spacing-3xl, var(--ng-spacing-3xl));\n    --nile-es-body-gap:var(--nile-spacing-spacing-xl, var(--ng-spacing-xl));\n    --nile-es-text-gap:var(--nile-spacing-none, var(--ng-spacing-xs));\n  }\n\n  .empty-state--md {\n    --nile-es-text-size: var(--nile-type-scale-5, var(--ng-font-size-text-lg));\n    --nile-es-text-line-height: var(--nile-line-height-large, var(--ng-line-height-text-lg));\n    --nile-es-subtext-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    --nile-es-subtext-line-height: var(--nile-line-height-small, var(--ng-line-height-text-sm));\n\n    --nile-es-icon-size: var(--nile-spacing-5-x, var(--ng-height-48px));\n    --nile-es-flat-option-border-radius: var(--nile-border-size-5, var(--ng-radius-lg));\n    --nile-es-img-height:128px;\n    --nile-es-img-width:172px;\n\n    --nile-es-gap:var(--nile-spacing-spacing-4xl, var(--ng-spacing-4xl));\n    --nile-es-body-gap:var(--nile-spacing-spacing-2xl, var(--ng-spacing-2xl));\n    --nile-es-text-gap:var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n  }\n\n  .empty-state--lg {\n    --nile-es-text-size: var(--nile-spacing-2xl, var(--ng-font-size-text-xl));\n    --nile-es-text-line-height: var(--nile-line-height-large, var(--ng-line-height-text-xl));\n    --nile-es-subtext-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));\n    --nile-es-subtext-line-height: var(--nile-line-height-medium, var(--ng-line-height-text-md));\n\n    --nile-es-icon-size:var(--nile-height-60px, var(--ng-height-60px));\n    --nile-es-flat-option-border-radius: var(--nile-border-size-10, var(--ng-radius-lg));\n    --nile-es-img-height:160px;\n    --nile-es-img-width:220px;\n\n    --nile-es-gap:var(--nile-spacing-spacing-4xl, var(--ng-spacing-4xl));\n    --nile-es-body-gap:var(--nile-spacing-spacing-3xl, var(--ng-spacing-2xl));\n    --nile-es-text-gap:var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n  }\n\n  .empty-state {\n    min-width:300px;\n    max-width:512px;\n    width:100%;\n    height:max-content;\n    display:flex;\n    flex-direction:column;\n    row-gap:var(--nile-es-gap);\n  }\n\n  .empty-state__body {\n    display:flex;\n    flex-direction:column;\n    justify-content:space-between;\n    align-items:center;\n    row-gap:var(--nile-es-body-gap)\n  }\n\n  .empty-state__body--content {\n    position:relative;\n  }\n\n  .empty-state__img__icon {\n    display: var(--ng-display-flex);\n    justify-content: center;\n    align-items: center;\n  }\n\n  .empty-state__body--tonal {\n    background:  var(--nile-gradient-1, var(--ng-white-gradient-6));\n    width: 104px;\n    height: 104px;\n    border-radius: var(--nile-radius-full, var(--ng-radius-full));\n    display:flex;\n    justify-content:center;\n    align-items:center;\n  }\n\n  .nile-flat-type-icon {\n    height:var(--nile-es-icon-size);\n    aspect-ratio:1 / 1;\n    border-radius: var(--nile-es-flat-option-border-radius);\n\n    background-color: white;\n    display: grid;\n    place-items: center;\n    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n  }\n\n  .empty__state__text-section {\n    display:flex;\n    flex-direction:column;\n    gap:var(--nile-es-text-gap);\n    max-width:80%;\n  }\n\n  .empty-state__text {\n    font-size: var(--nile-es-text-size);\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-600));\n    line-height: var(--nile-es-text-line-height);\n    text-align: center;\n    font-style: normal;\n  }\n\n  .empty-state__subtext {\n    font-size: var(--nile-es-subtext-size);\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));\n    line-height: var(--nile-es-subtext-line-height);\n    text-align: center;\n    color:var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n    font-style: normal;\n  }\n\n  .empty-state-actions {\n    display:flex;\n    justify-content:center;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-empty-state.css.cjs.js","sources":["../../../src/nile-empty-state/nile-empty-state.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';\n\n/**\n * EmptyState CSS\n */\nexport const styles = css`\n  :host {\n    display:inline-flex;\n    min-width:var(--nile-empty-state-max-width);\n    max-width:var(--nile-empty-state-min-width);\n    width:100%;\n  }\n\n  .empty-state--sm {\n    --nile-es-text-size:16px;\n    --nile-es-text-line-height:24px;\n    --nile-es-subtext-size:14px;\n    --nile-es-subtext-line-height:20px;\n    \n    --nile-es-icon-size:48px;\n    --nile-es-flat-option-border-radius:5px;\n    --nile-es-img-height:118px;\n    --nile-es-img-width:152px;\n\n    --nile-es-gap:var(--nile-spacing-spacing-3xl);\n    --nile-es-body-gap:var(--nile-spacing-spacing-xl);\n    --nile-es-text-gap:0px;\n  }\n\n  .empty-state--md {\n    --nile-es-text-size:18px;\n    --nile-es-text-line-height:28px;\n    --nile-es-subtext-size:14px;\n    --nile-es-subtext-line-height:20px;\n\n    --nile-es-icon-size:48px;\n    --nile-es-flat-option-border-radius:5px;\n    --nile-es-img-height:128px;\n    --nile-es-img-width:172px;\n\n    --nile-es-gap:var(--nile-spacing-spacing-4xl);\n    --nile-es-body-gap:var(--nile-spacing-spacing-2xl);\n    --nile-es-text-gap:var(--nile-spacing-spacing-md);\n  }\n\n  .empty-state--lg {\n    --nile-es-text-size:20px;\n    --nile-es-text-line-height:30px;\n    --nile-es-subtext-size:16px;\n    --nile-es-subtext-line-height:24px;\n\n    --nile-es-icon-size:56px;\n    --nile-es-flat-option-border-radius:10px;\n    --nile-es-img-height:160px;\n    --nile-es-img-width:220px;\n\n    --nile-es-gap:var(--nile-spacing-spacing-4xl);\n    --nile-es-body-gap:var(--nile-spacing-spacing-3xl);\n    --nile-es-text-gap:var(--nile-spacing-spacing-md)\n  }\n\n  .empty-state {\n    min-width:300px;\n    max-width:512px;\n    width:100%;\n    height:max-content;\n    display:flex;\n    flex-direction:column;\n    row-gap:var(--nile-es-gap);\n  }\n\n  .empty-state__body {\n    display:flex;\n    flex-direction:column;\n    justify-content:space-between;\n    align-items:center;\n    row-gap:var(--nile-es-body-gap)\n  }\n\n  .empty-state__body--content {\n    position:relative;\n  }\n  .empty-state__image {    \n    background:var(--nile-empty-state-image);\n    background-size: var(--nile-es-img-width) var(--nile-es-img-height);\n    height: var(--nile-es-img-height);\n    width: var(--nile-es-img-width);\n    max-width: 100%;\n  }\n\n  .empty-state__image--grayscale {\n    -webkit-filter: grayscale(100%);\n    -moz-filter: grayscale(100%);\n    -o-filter: grayscale(100%);\n    -ms-filter: grayscale(100%);\n    filter: grayscale(100%);\n  }\n\n  .empty-state__img__icon {\n    height: var(--nile-es-icon-size);\n    aspect-ratio:1 / 1;\n    border-radius: 50%;\n    display: grid;\n    place-items: center;\n    background: var(--nile-colors-neutral-500);\n    position:absolute;\n    left: calc(50% - calc(var(--nile-es-icon-size) / 2));\n    top:calc(62.5% - calc(var(--nile-es-icon-size) / 2));\n  }\n\n  .empty-state__body--tonal {\n    background: linear-gradient(180deg, var(--nile-colors-neutral-100) 0%, var(--nile-colors-neutral-400) 100%);\n    width: 104px;\n    height: 104px;\n    border-radius: 50%;\n    display:flex;\n    justify-content:center;\n    align-items:center;\n  }\n\n  .empty-state__body--flat {\n  }\n\n  .nile-flat-type-icon {\n    height:var(--nile-es-icon-size);\n    aspect-ratio:1 / 1;\n    border-radius: var(--nile-es-flat-option-border-radius);\n\n    background-color: white;\n    display: grid;\n    place-items: center;\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .empty__state__text-section {\n    display:flex;\n    flex-direction:column;\n    gap:var(--nile-es-text-gap);\n    max-width:80%;\n  }\n\n  .empty-state__text {\n    font-size: var(--nile-es-text-size);\n    font-weight: 600;\n    line-height: var(--nile-es-text-line-height);\n    text-align: center;\n    font-style: normal;\n  }\n\n  .empty-state__subtext {\n    font-size: var(--nile-es-subtext-size);\n    font-weight: 400;\n    line-height: var(--nile-es-subtext-line-height);\n    text-align: center;\n    color:var(--nile-colors-dark-500);\n    font-style: normal;\n  }\n\n  .empty-state-actions {\n    display:flex;\n    justify-content:center;\n  }\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}