npm - @aquera/nile-elements - Versions diffs - 0.0.70 → 0.0.72 - Mend

@aquera/nile-elements 0.0.70 → 0.0.72

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

Files changed (404) hide show

package/dist/nile-drawer/nile-drawer.esm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{__decorate as i}from"tslib";import"../nile-icon-button/nile-icon-button.esm.js";import{a as s,s as o}from"../internal/animate.esm.js";import{classMap as n}from"lit/directives/class-map.js";import{query as e,property as c,customElement as t}from"lit/decorators.js";import{s as m,g as r}from"../utilities/animation-registry.esm.js";import{H as l}from"../internal/slot.esm.js";import{html as p}from"lit";import{ifDefined as a}from"lit/directives/if-defined.js";import{l as g,u as v}from"../internal/scroll.esm.js";import{u as j}from"../internal/string.esm.js";import{w as d}from"../internal/event.esm.js";import{w as h}from"../internal/watch.esm.js";import{M as u}from"../internal/modal.esm.js";import{N as w}from"../internal/nile-element.esm.js";import{s as f}from"./nile-drawer.css.esm.js";import"../index-0a3007c5.esm.js";import"../nile-icon-button/nile-icon-button.css.esm.js";import"../nile-icon/index.esm.js";import"lit/directives/unsafe-svg.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/actionworkflow.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/agents.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/alert-circle.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/anomaly.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/application.esm.js";import"../nile-icon/icons/svg/applications-2.esm.js";import"../nile-icon/icons/svg/applications.esm.js";import"../nile-icon/icons/svg/apply-filter.esm.js";import"../nile-icon/icons/svg/approve.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/back.esm.js";import"../nile-icon/icons/svg/bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/bar-chart-square-03.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/basic.esm.js";import"../nile-icon/icons/svg/bell-icon.esm.js";import"../nile-icon/icons/svg/bell.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/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/cancel.esm.js";import"../nile-icon/icons/svg/cases.esm.js";import"../nile-icon/icons/svg/caution.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/check.esm.js";import"../nile-icon/icons/svg/chevron-down.esm.js";import"../nile-icon/icons/svg/chevron-left-double.esm.js";import"../nile-icon/icons/svg/chevron-selector-vertical.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/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/columns-03.esm.js";import"../nile-icon/icons/svg/combo1.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/component.esm.js";import"../nile-icon/icons/svg/componentblock.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/continuous.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/create.esm.js";import"../nile-icon/icons/svg/createuser.esm.js";import"../nile-icon/icons/svg/custom.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-expression.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-persistent-variable.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/data-type-variable.esm.js";import"../nile-icon/icons/svg/database-1.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-1.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/deleteuser.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/document.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/dots-vertical.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/downarrow.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/download-02.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/draglist.esm.js";import"../nile-icon/icons/svg/droparrow.esm.js";import"../nile-icon/icons/svg/dropdown.esm.js";import"../nile-icon/icons/svg/edit-01.esm.js";import"../nile-icon/icons/svg/edit-1.esm.js";import"../nile-icon/icons/svg/edit-pencil.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/enabled.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/event.esm.js";import"../nile-icon/icons/svg/every.esm.js";import"../nile-icon/icons/svg/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-06.esm.js";import"../nile-icon/icons/svg/expand-1.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-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-h.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-aquera.esm.js";import"../nile-icon/icons/svg/flowmap-block.esm.js";import"../nile-icon/icons/svg/flowmap-cancel.esm.js";import"../nile-icon/icons/svg/flowmap-colorpalatte.esm.js";import"../nile-icon/icons/svg/flowmap-drag.esm.js";import"../nile-icon/icons/svg/flowmap-ellipsis.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-hand.esm.js";import"../nile-icon/icons/svg/flowmap-orchestration.esm.js";import"../nile-icon/icons/svg/flowmap-redo.esm.js";import"../nile-icon/icons/svg/flowmap-section.esm.js";import"../nile-icon/icons/svg/flowmap-text.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/form.esm.js";import"../nile-icon/icons/svg/frequency.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.esm.js";import"../nile-icon/icons/svg/gateway.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.esm.js";import"../nile-icon/icons/svg/handtool.esm.js";import"../nile-icon/icons/svg/header-actions.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-functions.esm.js";import"../nile-icon/icons/svg/header-tasks.esm.js";import"../nile-icon/icons/svg/header-variable.esm.js";import"../nile-icon/icons/svg/help-1.esm.js";import"../nile-icon/icons/svg/help-circle.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/if.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/immutable.esm.js";import"../nile-icon/icons/svg/info-circle.esm.js";import"../nile-icon/icons/svg/info-icon.esm.js";import"../nile-icon/icons/svg/info-icon1.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/info2.esm.js";import"../nile-icon/icons/svg/inprogress.esm.js";import"../nile-icon/icons/svg/integer.esm.js";import"../nile-icon/icons/svg/itemplaceholder.esm.js";import"../nile-icon/icons/svg/js.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-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/leftarrow.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/manageduser.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/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/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/multiple-user.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/next-down.esm.js";import"../nile-icon/icons/svg/next.esm.js";import"../nile-icon/icons/svg/no-anomaly.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/not.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notification.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/notscheduled.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/ou-analysis-icon.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palletemenu.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/pen.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/personaldetails.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/placeholder-wf.esm.js";import"../nile-icon/icons/svg/play-circle.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/plus-icon.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/prev-up.esm.js";import"../nile-icon/icons/svg/prev.esm.js";import"../nile-icon/icons/svg/preview.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/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.esm.js";import"../nile-icon/icons/svg/refresh-cw-03.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/returnvalue.esm.js";import"../nile-icon/icons/svg/revocationcycle.esm.js";import"../nile-icon/icons/svg/revokation-cycle.esm.js";import"../nile-icon/icons/svg/rightarrow.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/rolemanager.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/schema.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search-lg.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.esm.js";import"../nile-icon/icons/svg/selectapplication.esm.js";import"../nile-icon/icons/svg/selectattributes.esm.js";import"../nile-icon/icons/svg/selectuser.esm.js";import"../nile-icon/icons/svg/send.esm.js";import"../nile-icon/icons/svg/sendemail.esm.js";import"../nile-icon/icons/svg/sendescalation.esm.js";import"../nile-icon/icons/svg/sendprompt.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/server-03.esm.js";import"../nile-icon/icons/svg/setting.esm.js";import"../nile-icon/icons/svg/settings-02.esm.js";import"../nile-icon/icons/svg/settings-1.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/shape.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/shield-01.esm.js";import"../nile-icon/icons/svg/smalltick.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.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/stop-circle.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-1.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.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/themes.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/trash-01.esm.js";import"../nile-icon/icons/svg/trash-no-fill.esm.js";import"../nile-icon/icons/svg/trash.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-1.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/uparrow.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updateuser.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-01.esm.js";import"../nile-icon/icons/svg/user-03.esm.js";import"../nile-icon/icons/svg/user-analysis-icon.esm.js";import"../nile-icon/icons/svg/user-circle.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user-inactive.esm.js";import"../nile-icon/icons/svg/user-selection.esm.js";import"../nile-icon/icons/svg/user-square.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove-1.esm.js";import"../nile-icon/icons/svg/userremove-2.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/users-01.esm.js";import"../nile-icon/icons/svg/users-02.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-1.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new-1.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable.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.esm.js";import"../nile-icon/icons/svg/while.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-orchestration.esm.js";import"../nile-icon/icons/svg/workflow-section.esm.js";import"../nile-icon/icons/svg/workflow-solid.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/icons/svg/x-circle.esm.js";import"lit/static-html.js";import"../property-09139d3c.esm.js";import"../internal/offset.esm.js";import"../internal/tabbable.esm.js";let y=class extends w{constructor(){super(...arguments),this.hasSlotController=new l(this,"footer"),this.open=!1,this.label="",this.placement="end",this.contained=!1,this.noHeader=!1}connectedCallback(){super.connectedCallback(),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.modal=new u(this)}firstUpdated(){this.drawer.hidden=!this.open,this.open&&(this.addOpenListeners(),this.contained||(this.modal.activate(),g(this)))}disconnectedCallback(){super.disconnectedCallback(),v(this)}requestClose(i){if(this.emit("nile-request-close",{cancelable:!0,detail:{source:i}}).defaultPrevented){const i=r(this,"drawer.denyClose",{dir:""});s(this.panel,i.keyframes,i.options)}else this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleDocumentKeyDown(i){this.open&&!this.contained&&"Escape"===i.key&&(i.stopPropagation(),this.requestClose("keyboard"))}async handleOpenChange(){if(this.open){this.emit("nile-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.contained||(this.modal.activate(),g(this));const i=this.querySelector("[autofocus]");i&&i.removeAttribute("autofocus"),await Promise.all([o(this.drawer),o(this.overlay)]),this.drawer.hidden=!1,requestAnimationFrame((()=>{this.emit("nile-initial-focus",{cancelable:!0}).defaultPrevented||(i?i.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),i&&i.setAttribute("autofocus","")}));const n=r(this,`drawer.show${j(this.placement)}`,{dir:""}),e=r(this,"drawer.overlay.show",{dir:""});await Promise.all([s(this.panel,n.keyframes,n.options),s(this.overlay,e.keyframes,e.options)]),this.emit("nile-after-show")}else{this.emit("nile-hide"),this.removeOpenListeners(),this.contained||(this.modal.deactivate(),v(this)),await Promise.all([o(this.drawer),o(this.overlay)]);const i=r(this,`drawer.hide${j(this.placement)}`,{dir:""}),n=r(this,"drawer.overlay.hide",{dir:""});await Promise.all([s(this.overlay,n.keyframes,n.options).then((()=>{this.overlay.hidden=!0})),s(this.panel,i.keyframes,i.options).then((()=>{this.panel.hidden=!0}))]),this.drawer.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1;const e=this.originalTrigger;"function"==typeof e?.focus&&setTimeout((()=>e.focus())),this.emit("nile-after-hide")}}handleNoModalChange(){this.open&&!this.contained&&(this.modal.activate(),g(this)),this.open&&this.contained&&(this.modal.deactivate(),v(this))}async show(){if(!this.open)return this.open=!0,d(this,"nile-after-show")}async hide(){if(this.open)return this.open=!1,d(this,"nile-after-hide")}render(){return p`
+import{__decorate as i}from"tslib";import"../nile-icon-button/nile-icon-button.esm.js";import{a as s,s as o}from"../internal/animate.esm.js";import{classMap as n}from"lit/directives/class-map.js";import{query as e,property as c,customElement as t}from"lit/decorators.js";import{s as m,g as r}from"../utilities/animation-registry.esm.js";import{H as l}from"../internal/slot.esm.js";import{html as p}from"lit";import{ifDefined as a}from"lit/directives/if-defined.js";import{l as g,u as v}from"../internal/scroll.esm.js";import{u as j}from"../internal/string.esm.js";import{w as d}from"../internal/event.esm.js";import{w as h}from"../internal/watch.esm.js";import{M as u}from"../internal/modal.esm.js";import{N as w}from"../internal/nile-element.esm.js";import{s as f}from"./nile-drawer.css.esm.js";import"../index-0a3007c5.esm.js";import"../nile-icon-button/nile-icon-button.css.esm.js";import"../nile-icon/index.esm.js";import"lit/directives/unsafe-svg.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/actionworkflow.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/agents.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/alert-circle.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/anomaly.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/application.esm.js";import"../nile-icon/icons/svg/applications-2.esm.js";import"../nile-icon/icons/svg/applications.esm.js";import"../nile-icon/icons/svg/apply-filter.esm.js";import"../nile-icon/icons/svg/approve.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/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-square-03.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/basic.esm.js";import"../nile-icon/icons/svg/bell-icon.esm.js";import"../nile-icon/icons/svg/bell.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-01.esm.js";import"../nile-icon/icons/svg/calendar.esm.js";import"../nile-icon/icons/svg/cancel.esm.js";import"../nile-icon/icons/svg/cases.esm.js";import"../nile-icon/icons/svg/caution.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/check.esm.js";import"../nile-icon/icons/svg/chevron-down.esm.js";import"../nile-icon/icons/svg/chevron-left-double.esm.js";import"../nile-icon/icons/svg/chevron-selector-vertical.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/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/columns-03.esm.js";import"../nile-icon/icons/svg/combo1.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/component.esm.js";import"../nile-icon/icons/svg/componentblock.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/continuous.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/create.esm.js";import"../nile-icon/icons/svg/createuser.esm.js";import"../nile-icon/icons/svg/custom.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-expression.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-persistent-variable.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/data-type-variable.esm.js";import"../nile-icon/icons/svg/database-1.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-1.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/deleteuser.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/document.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/dots-vertical.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/downarrow.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/download-01.esm.js";import"../nile-icon/icons/svg/download-02.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/draglist.esm.js";import"../nile-icon/icons/svg/droparrow.esm.js";import"../nile-icon/icons/svg/dropdown.esm.js";import"../nile-icon/icons/svg/edit-01.esm.js";import"../nile-icon/icons/svg/edit-1.esm.js";import"../nile-icon/icons/svg/edit-pencil.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/enabled.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/event.esm.js";import"../nile-icon/icons/svg/every.esm.js";import"../nile-icon/icons/svg/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-06.esm.js";import"../nile-icon/icons/svg/expand-1.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-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-h.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-aquera.esm.js";import"../nile-icon/icons/svg/flowmap-block.esm.js";import"../nile-icon/icons/svg/flowmap-cancel.esm.js";import"../nile-icon/icons/svg/flowmap-colorpalatte.esm.js";import"../nile-icon/icons/svg/flowmap-drag.esm.js";import"../nile-icon/icons/svg/flowmap-ellipsis.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-hand.esm.js";import"../nile-icon/icons/svg/flowmap-orchestration.esm.js";import"../nile-icon/icons/svg/flowmap-redo.esm.js";import"../nile-icon/icons/svg/flowmap-section.esm.js";import"../nile-icon/icons/svg/flowmap-text.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-01.esm.js";import"../nile-icon/icons/svg/folder.esm.js";import"../nile-icon/icons/svg/foreach.esm.js";import"../nile-icon/icons/svg/form.esm.js";import"../nile-icon/icons/svg/frequency.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.esm.js";import"../nile-icon/icons/svg/handtool.esm.js";import"../nile-icon/icons/svg/header-actions.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-functions.esm.js";import"../nile-icon/icons/svg/header-tasks.esm.js";import"../nile-icon/icons/svg/header-variable.esm.js";import"../nile-icon/icons/svg/help-1.esm.js";import"../nile-icon/icons/svg/help-circle.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/if.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/immutable.esm.js";import"../nile-icon/icons/svg/info-circle.esm.js";import"../nile-icon/icons/svg/info-icon.esm.js";import"../nile-icon/icons/svg/info-icon1.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/info2.esm.js";import"../nile-icon/icons/svg/inprogress.esm.js";import"../nile-icon/icons/svg/integer.esm.js";import"../nile-icon/icons/svg/itemplaceholder.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/kill.esm.js";import"../nile-icon/icons/svg/laptop-01.esm.js";import"../nile-icon/icons/svg/layers-three-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/leftarrow.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/manageduser.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/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/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/multiple-user.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/next-down.esm.js";import"../nile-icon/icons/svg/next.esm.js";import"../nile-icon/icons/svg/nightingale-chart.esm.js";import"../nile-icon/icons/svg/no-anomaly.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/not.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notification.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/notscheduled.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/ou-analysis-icon.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palletemenu.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/pen.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/personaldetails.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/placeholder-wf.esm.js";import"../nile-icon/icons/svg/play-circle.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/plus-icon.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/prev-up.esm.js";import"../nile-icon/icons/svg/prev.esm.js";import"../nile-icon/icons/svg/preview.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.esm.js";import"../nile-icon/icons/svg/refresh-cw-03.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/returnvalue.esm.js";import"../nile-icon/icons/svg/revocationcycle.esm.js";import"../nile-icon/icons/svg/revokation-cycle.esm.js";import"../nile-icon/icons/svg/rightarrow.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/rolemanager.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/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-lg.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.esm.js";import"../nile-icon/icons/svg/selectapplication.esm.js";import"../nile-icon/icons/svg/selectattributes.esm.js";import"../nile-icon/icons/svg/selectuser.esm.js";import"../nile-icon/icons/svg/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/sendprompt.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/server-03.esm.js";import"../nile-icon/icons/svg/setting.esm.js";import"../nile-icon/icons/svg/settings-02.esm.js";import"../nile-icon/icons/svg/settings-1.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/shape.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/shield-01.esm.js";import"../nile-icon/icons/svg/smalltick.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.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/stop-circle.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-1.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.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/themes.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/trash-01.esm.js";import"../nile-icon/icons/svg/trash-03.esm.js";import"../nile-icon/icons/svg/trash-no-fill.esm.js";import"../nile-icon/icons/svg/trash.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-1.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/uparrow.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updateuser.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-01.esm.js";import"../nile-icon/icons/svg/user-03.esm.js";import"../nile-icon/icons/svg/user-analysis-icon.esm.js";import"../nile-icon/icons/svg/user-circle.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user-inactive.esm.js";import"../nile-icon/icons/svg/user-selection.esm.js";import"../nile-icon/icons/svg/user-square.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove-1.esm.js";import"../nile-icon/icons/svg/userremove-2.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/users-01.esm.js";import"../nile-icon/icons/svg/users-02.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-1.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new-1.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable.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.esm.js";import"../nile-icon/icons/svg/while.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow-01.esm.js";import"../nile-icon/icons/svg/workflow-application.esm.js";import"../nile-icon/icons/svg/workflow-orchestration.esm.js";import"../nile-icon/icons/svg/workflow-section.esm.js";import"../nile-icon/icons/svg/workflow-solid.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/icons/svg/x-circle.esm.js";import"lit/static-html.js";import"../property-09139d3c.esm.js";import"../internal/offset.esm.js";import"../internal/tabbable.esm.js";let y=class extends w{constructor(){super(...arguments),this.hasSlotController=new l(this,"footer"),this.open=!1,this.label="",this.placement="end",this.contained=!1,this.noHeader=!1}connectedCallback(){super.connectedCallback(),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.modal=new u(this)}firstUpdated(){this.drawer.hidden=!this.open,this.open&&(this.addOpenListeners(),this.contained||(this.modal.activate(),g(this)))}disconnectedCallback(){super.disconnectedCallback(),v(this)}requestClose(i){if(this.emit("nile-request-close",{cancelable:!0,detail:{source:i}}).defaultPrevented){const i=r(this,"drawer.denyClose",{dir:""});s(this.panel,i.keyframes,i.options)}else this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleDocumentKeyDown(i){this.open&&!this.contained&&"Escape"===i.key&&(i.stopPropagation(),this.requestClose("keyboard"))}async handleOpenChange(){if(this.open){this.emit("nile-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.contained||(this.modal.activate(),g(this));const i=this.querySelector("[autofocus]");i&&i.removeAttribute("autofocus"),await Promise.all([o(this.drawer),o(this.overlay)]),this.drawer.hidden=!1,requestAnimationFrame((()=>{this.emit("nile-initial-focus",{cancelable:!0}).defaultPrevented||(i?i.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),i&&i.setAttribute("autofocus","")}));const n=r(this,`drawer.show${j(this.placement)}`,{dir:""}),e=r(this,"drawer.overlay.show",{dir:""});await Promise.all([s(this.panel,n.keyframes,n.options),s(this.overlay,e.keyframes,e.options)]),this.emit("nile-after-show")}else{this.emit("nile-hide"),this.removeOpenListeners(),this.contained||(this.modal.deactivate(),v(this)),await Promise.all([o(this.drawer),o(this.overlay)]);const i=r(this,`drawer.hide${j(this.placement)}`,{dir:""}),n=r(this,"drawer.overlay.hide",{dir:""});await Promise.all([s(this.overlay,n.keyframes,n.options).then((()=>{this.overlay.hidden=!0})),s(this.panel,i.keyframes,i.options).then((()=>{this.panel.hidden=!0}))]),this.drawer.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1;const e=this.originalTrigger;"function"==typeof e?.focus&&setTimeout((()=>e.focus())),this.emit("nile-after-hide")}}handleNoModalChange(){this.open&&!this.contained&&(this.modal.activate(),g(this)),this.open&&this.contained&&(this.modal.deactivate(),v(this))}async show(){if(!this.open)return this.open=!0,d(this,"nile-after-show")}async hide(){if(this.open)return this.open=!1,d(this,"nile-after-hide")}render(){return p`
       <div
         part="base"
         class=${n({drawer:!0,"drawer--open":this.open,"drawer--top":"top"===this.placement,"drawer--end":"end"===this.placement,"drawer--bottom":"bottom"===this.placement,"drawer--start":"start"===this.placement,"drawer--contained":this.contained,"drawer--fixed":!this.contained,"drawer--rtl":"rtl","drawer--has-footer":this.hasSlotController.test("footer")})}

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

@@ -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","../index-c7ad3b47.cjs.js","lit/decorators.js","lit/directives/class-map.js","./nile-empty-state.css.cjs.js","../internal/nile-element.cjs.js","../property-217fe924.cjs.js","lit"],function(_export,_context){"use strict";var t,s,i,e,a,o,m,l,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,n;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(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(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_index001CjsJs){s=_index001CjsJs.x;i=_index001CjsJs.A;},function(_litDecoratorsJs){e=_litDecoratorsJs.customElement;},function(_litDirectivesClassMapJs){a=_litDirectivesClassMapJs.classMap;},function(_nileEmptyStateCssCjsJs){o=_nileEmptyStateCssCjsJs.s;},function(_internalNileElementCjsJs){m=_internalNileElementCjsJs.N;},function(_property002CjsJs){l=_property002CjsJs.n;},function(_lit){}],execute:function execute(){_export("N",n=/*#__PURE__*/function(_m){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,_m);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"])),a({"empty-state":!0,"empty-state--sm":"sm"==this.size,"empty-state--md":"md"==this.size,"empty-state--lg":"lg"==this.size}),a({"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>"])),a({"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[o];}}]);}(m));t([l()],n.prototype,"size",void 0),t([l()],n.prototype,"variant",void 0),t([l()],n.prototype,"icon",void 0),t([l({type:Boolean})],n.prototype,"grayscale",void 0),t([l()],n.prototype,"text",void 0),t([l()],n.prototype,"subText",void 0),_export("N",n=t([e("nile-empty-state")],n));}};});
+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","../index-c7ad3b47.cjs.js","lit/decorators.js","lit/directives/class-map.js","./nile-empty-state.css.cjs.js","../internal/nile-element.cjs.js","../property-217fe924.cjs.js","lit"],function(_export,_context){"use strict";var t,s,i,e,a,o,m,l,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,n;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(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(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_index001CjsJs){s=_index001CjsJs.x;i=_index001CjsJs.A;},function(_litDecoratorsJs){e=_litDecoratorsJs.customElement;},function(_litDirectivesClassMapJs){a=_litDirectivesClassMapJs.classMap;},function(_nileEmptyStateCssCjsJs){o=_nileEmptyStateCssCjsJs.s;},function(_internalNileElementCjsJs){m=_internalNileElementCjsJs.N;},function(_property002CjsJs){l=_property002CjsJs.n;},function(_lit){}],execute:function execute(){_export("N",n=/*#__PURE__*/function(_m){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,_m);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"])),a({"empty-state":!0,"empty-state--sm":"sm"==this.size,"empty-state--md":"md"==this.size,"empty-state--lg":"lg"==this.size}),a({"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>"])),a({"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[o];}}]);}(m));t([l()],n.prototype,"size",void 0),t([l()],n.prototype,"variant",void 0),t([l()],n.prototype,"icon",void 0),t([l({type:Boolean})],n.prototype,"grayscale",void 0),t([l()],n.prototype,"text",void 0),t([l({attribute:"sub-text"})],n.prototype,"subText",void 0),_export("N",n=t([e("nile-empty-state")],n));}};});
 //# sourceMappingURL=nile-empty-state.cjs.js.map

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

	@@ -1 +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 { state, html, nothing, property, CSSResultArray, TemplateResult } from 'lit-element';\nimport { customElement } 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() 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","_m","n","constructor","this","size","variant","icon","grayscale","text","subText","_this","_inherits","_createClass","key","value","render","html","_templateObject","_taggedTemplateLiteral","classMap","_templateObject2","_templateObject3","nothing","_templateObject4","_templateObject5","__decorate","get","styles","NileElement","property","prototype","type","Boolean","~~_export~~","customElement"],"mappings":"i5HAoBaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCAUOC,KAAAA,CAAIC,IAAAA,CAAuB,KAE3BD,KAAAA,CAAOE,OAAAA,CAGL,OAEFF,CAAAA,KAAAA,CAAIG,IAAW,CAAA,OAAA,CACDH,KAAAA,CAASI,SAAY,CAAA,CAAA,CAAA,CAEnCJ,KAAAA,CAAIK,IAAAA,CAAW,~~aACfL~~,CAAAA,KAAAA,CAAOM,QAAW,~~SA6D/B~~,QAAAC,KAAA,EA5EQC,SAAA,CAAAV,CAAA,CAAAD,EAAA,SAAAY,YAAA,CAAAX,CAAA,GAAAY,GAAA,UAAAC,KAAA,CA0BA,SAAAC,OAAA,CACL,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,8ZACCC,CAAAA,CAAS,CACnB,aAAA,CAAA,CAAe,CACf,CAAA,iBAAA,CAAgC,IAAbhB,EAAAA,IAAAA,CAAKC,IACxB,CAAA,iBAAA,CAAgC,IAAbD,EAAAA,IAAAA,CAAKC,IACxB,CAAA,iBAAA,CAAgC,MAAbD,IAAKC,CAAAA,IAAAA,CAAAA,CAAAA,CAEVe,CAAAA,CAAS,CAAE,mBAAqB,CAAA,CAAA,CAAA,CAAA,CAAA,CAE1B,SAAhBhB,EAAAA,IAAAA,CAAKE,QAAuBW,CAAI,CAAAI,gBAAA,GAAAA,gBAAA,CAAAF,sBAAA,qJAGXC,CAAAA,CAAS,CAAE,oBAAA,CAAA,CAAsB,CAAM,CAAA,+BAAA,CAAgChB,IAAKI,CAAAA,SAAAA,CAAAA,CAAAA,CAC9FJ,IAAAA,CAAKG,KAAiBU,CAAI,CAAAK,gBAAA,GAAAA,gBAAA,CAAAH,sBAAA,2JAERf,IAAAA,CAAKG,KAA0C,IAAbH,EAAAA,IAAAA,CAAKC,MAAiC,IAAbD,EAAAA,IAAAA,CAAKC,KAAV,EAA8B,CAAA,EAAA,EAF1FkB,CAAAA,EAKRA,CAAAA,CAGM,OAAhBnB,EAAAA,IAAAA,CAAKE,QAAqBW,CAAI,CAAAO,gBAAA,GAAAA,gBAAA,CAAAL,sBAAA,sIAEbf,IAAKG,CAAAA,IAAAA,EAChBgB,CAAAA,CAGU,MAAhBnB,EAAAA,IAAAA,CAAKE,QAAoBW,CAAI,CAAAQ,gBAAA,GAAAA,gBAAA,CAAAN,sBAAA,iOAGXf,IAAAA,CAAKG,KAA4B,IAAbH,EAAAA,IAAAA,CAAKC,MAAiC,IAAbD,EAAAA,IAAAA,CAAKC,KAAV,EAA8B,CAAA,EAAA,EAElFkB,CAAAA,CAI8BnB,IAAKK,CAAAA,IAAAA,CACFL,IAAKM,CAAAA,OAAAA,EAShD,CArEWgB,KAAAA,GAAAA,UAAAA,GAAAA,CAJL,SAAAC,IAAA,CAAWC,CAChB,MAAO,CAACA,EACT,EAwBM,MAhC2BC,IAUtBH,CAAAA,CAAA,CAAXI,~~CAA2C9B,~~CAAAA,CAAAA,CAAAA,CAAAA,~~CAAAA~~,CAAA+B,~~UAAA~~,~~MAAA~~,CAAA,~~IAAA~~,~~EAAA~~,~~CAAA~~,~~CAEhCL~~,~~CAAA~~,CAAA,CAAXI,~~CAGqB9B,~~CAAAA,CAAAA,CAAAA,CAAAA,~~CAAAA~~,CAAA+B,~~UAAA~~,~~SAAA~~,CAAA,~~IAAA~~,~~EAAA~~,~~CAAA~~,~~CAEVL~~,~~CAAA~~,CAAA,CAAXI,~~CAAkC9B,~~CAAAA,CAAAA,CAAAA,CAAAA,~~CAAAA~~,CAAA+B,~~UAAA~~,~~MAAA~~,CAAA,~~IAAA~~,~~EAAA~~,~~CAAA~~,~~CACTL~~,~~CAAA~~,CAAA,CAAzBI,CAAS,~~CAAA,~~CAACE,~~KAAKC~~,~~OAAqCjC~~,~~CAAAA~~,~~CAAAA~~,CAAAA,~~CAAAA~~,~~CAAAA,~~CAAA+B,~~UAAA,~~WAAA,CAAA,IAAA,EAAA,CAAA,CAEzCL,~~EAAA~~,CAAXI,~~CAAAA~~,~~CAAAA,CAAAA,CAAAA,CAAwC9B,~~CAAA+B,CAAAA,SAAAA,CAAA,MAAA,CAAA,IAAA,EAAA,CAAA,~~CAC7BL~~,~~EAAA~~,~~CAAXI~~,CAAAA,CAAAA,CAAAA,CAAAA,~~CAAuC9B~~,CAAA+B,~~CAAAA~~,~~SAAAA,~~CAAA,SAAA,CAAA,IAAA,~~EAAA~~,~~CAAA~~,~~CAAAG~~,~~OAAA~~,~~KArB7BlC~~,~~EAAc0B~~,CAAA,CAAA,CAD1BS,CAAc,CAAA,kBAAA,CAAA,CAAA,CACFnC"}
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 { state, html, nothing, property, CSSResultArray, TemplateResult } from 'lit-element';\nimport { customElement } 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","_m","n","constructor","this","size","variant","icon","grayscale","text","subText","_this","_inherits","_createClass","key","value","render","html","_templateObject","_taggedTemplateLiteral","classMap","_templateObject2","_templateObject3","nothing","_templateObject4","_templateObject5","__decorate","get","styles","NileElement","property","prototype","type","Boolean","attribute","customElement"],"mappings":"i5HAoBaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCAUOC,KAAAA,CAAIC,IAAAA,CAAuB,KAE3BD,KAAAA,CAAOE,OAAAA,CAGL,OAEFF,CAAAA,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,CAAAV,CAAA,CAAAD,EAAA,SAAAY,YAAA,CAAAX,CAAA,GAAAY,GAAA,UAAAC,KAAA,CA0BA,SAAAC,OAAA,CACL,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,8ZACCC,CAAAA,CAAS,CACnB,aAAA,CAAA,CAAe,CACf,CAAA,iBAAA,CAAgC,IAAbhB,EAAAA,IAAAA,CAAKC,IACxB,CAAA,iBAAA,CAAgC,IAAbD,EAAAA,IAAAA,CAAKC,IACxB,CAAA,iBAAA,CAAgC,MAAbD,IAAKC,CAAAA,IAAAA,CAAAA,CAAAA,CAEVe,CAAAA,CAAS,CAAE,mBAAqB,CAAA,CAAA,CAAA,CAAA,CAAA,CAE1B,SAAhBhB,EAAAA,IAAAA,CAAKE,QAAuBW,CAAI,CAAAI,gBAAA,GAAAA,gBAAA,CAAAF,sBAAA,qJAGXC,CAAAA,CAAS,CAAE,oBAAA,CAAA,CAAsB,CAAM,CAAA,+BAAA,CAAgChB,IAAKI,CAAAA,SAAAA,CAAAA,CAAAA,CAC9FJ,IAAAA,CAAKG,KAAiBU,CAAI,CAAAK,gBAAA,GAAAA,gBAAA,CAAAH,sBAAA,2JAERf,IAAAA,CAAKG,KAA0C,IAAbH,EAAAA,IAAAA,CAAKC,MAAiC,IAAbD,EAAAA,IAAAA,CAAKC,KAAV,EAA8B,CAAA,EAAA,EAF1FkB,CAAAA,EAKRA,CAAAA,CAGM,OAAhBnB,EAAAA,IAAAA,CAAKE,QAAqBW,CAAI,CAAAO,gBAAA,GAAAA,gBAAA,CAAAL,sBAAA,sIAEbf,IAAKG,CAAAA,IAAAA,EAChBgB,CAAAA,CAGU,MAAhBnB,EAAAA,IAAAA,CAAKE,QAAoBW,CAAI,CAAAQ,gBAAA,GAAAA,gBAAA,CAAAN,sBAAA,iOAGXf,IAAAA,CAAKG,KAA4B,IAAbH,EAAAA,IAAAA,CAAKC,MAAiC,IAAbD,EAAAA,IAAAA,CAAKC,KAAV,EAA8B,CAAA,EAAA,EAElFkB,CAAAA,CAI8BnB,IAAKK,CAAAA,IAAAA,CACFL,IAAKM,CAAAA,OAAAA,EAShD,CArEWgB,KAAAA,GAAAA,UAAAA,GAAAA,CAJL,SAAAC,IAAA,CAAWC,CAChB,MAAO,CAACA,EACT,EAwBM,MAhC2BC,IAUtBH,CAAAA,CAAA,CAAXI,CAAAA,CAAAA,CAAAA,CAAAA,CAA2C9B,CAAA+B,CAAAA,SAAAA,CAAA,WAAA,EAEhCL,CAAAA,CAAAA,CAAAA,CAAA,CAAXI,CAAAA,CAAAA,CAAAA,CAAAA,CAGqB9B,CAAA+B,CAAAA,SAAAA,CAAA,cAAA,EAEVL,CAAAA,CAAAA,CAAAA,CAAA,CAAXI,CAAAA,CAAAA,CAAAA,CAAAA,CAAkC9B,CAAA+B,CAAAA,SAAAA,CAAA,WAAA,EACTL,CAAAA,CAAAA,CAAAA,CAAA,CAAzBI,CAAAA,CAAS,CAACE,IAAAA,CAAKC,WAAqCjC,CAAA+B,CAAAA,SAAAA,CAAA,WAAA,CAAA,IAAA,EAAA,CAAA,CAEzCL,CAAA,CAAA,CAAXI,KAAwC9B,CAAA+B,CAAAA,SAAAA,CAAA,MAAA,CAAA,IAAA,EAAA,CAAA,CACPL,CAAA,CAAA,CAAjCI,EAAS,CAACI,SAAAA,CAAU,UAAyClC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA+B,SAAA,CAAA,SAAA,CAAA,IAAA,EArBnD/B,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAc0B,CAAA,CAAA,CAD1BS,CAAc,CAAA,kBAAA,CAAA,CAAA,CACFnC"}

package/dist/nile-empty-state/nile-empty-state.esm.js CHANGED Viewed

@@ -34,4 +34,4 @@ import{__decorate as t}from"tslib";import{x as s,A as i}from"../index-0a3007c5.e
 				<slot></slot>
 			</div>
 		</div>
-		`}};t([l()],n.prototype,"size",void 0),t([l()],n.prototype,"variant",void 0),t([l()],n.prototype,"icon",void 0),t([l({type:Boolean})],n.prototype,"grayscale",void 0),t([l()],n.prototype,"text",void 0),t([l()],n.prototype,"subText",void 0),n=t([e("nile-empty-state")],n);export{n as N};
+		`}};t([l()],n.prototype,"size",void 0),t([l()],n.prototype,"variant",void 0),t([l()],n.prototype,"icon",void 0),t([l({type:Boolean})],n.prototype,"grayscale",void 0),t([l()],n.prototype,"text",void 0),t([l({attribute:"sub-text"})],n.prototype,"subText",void 0),n=t([e("nile-empty-state")],n);export{n as N};

package/dist/nile-hero/nile-hero.cjs.js CHANGED Viewed

@@ -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","../index-c7ad3b47.cjs.js","lit/decorators.js","./nile-hero.css.cjs.js","../internal/nile-element.cjs.js","../internal/watch.cjs.js","../property-217fe924.cjs.js","lit"],function(_export,_context){"use strict";var e,i,r,t,o,s,n,l,_templateObject,a;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(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(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_index001CjsJs){i=_index001CjsJs.x;},function(_litDecoratorsJs){r=_litDecoratorsJs.query;t=_litDecoratorsJs.customElement;},function(_nileHeroCssCjsJs){o=_nileHeroCssCjsJs.s;},function(_internalNileElementCjsJs){s=_internalNileElementCjsJs.N;},function(_internalWatchCjsJs){n=_internalWatchCjsJs.w;},function(_property002CjsJs){l=_property002CjsJs.n;},function(_lit){}],execute:function execute(){_export("N",a=/*#__PURE__*/function(_s){function a(){var _this;_classCallCheck(this,a);_this=_callSuper(this,a,arguments),_this.icon="action",_this.collapse=!1,_this.imgSrc="",_this.heroText="Nile Hero";return _this;}_inherits(a,_s);return _createClass(a,[{key:"connectedCallback",value:function connectedCallback(){var _this2=this;_get(_getPrototypeOf(a.prototype),"connectedCallback",this).call(this),this.updateComplete.then(function(){_this2.updateOnCollapseChange();});}},{key:"updateOnCollapseChange",value:function updateOnCollapseChange(){if(!this.heroContainer)return;var e=this.heroHeader.scrollHeight;this.collapse?(this.heroContainer.style.height=e+"px",this.heroContainer.style.background="var(--nile-hero-collapsed-background,#fff)",this.heroContainer.style.borderBottom="1px solid #EAECF0",this.imgContainer.style.opacity="0"):(this.heroContainer.style.height="var(--nile-hero-height)",this.heroContainer.style.background="linear-gradient(180deg, var( --nile-hero-color-bg-from-gradient) 0%,  var( --nile-hero-color-bg-to-gradient) 100%)",this.heroContainer.style.borderBottom="",this.imgContainer.style.opacity="1");}},{key:"render",value:function render(){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t<div class=\"hero__container\">\n\t\t\t<div class=\"hero__body\">\n\t\t\t\t<nile-hero-header hero-text=\"","\" icon=\"","\"></nile-hero-header>\n\t\t\t\t<div class=\"hero__slot\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"hero__img__container\" id=\"hero__img__container\">\n\t\t\t\t<img src=\"","\" class=\"hero__img\">\n\t\t\t</div>\n\t\t</div>\n\t\t"])),this.heroText,this.icon,this.imgSrc);}}],[{key:"styles",get:function get(){return[o];}}]);}(s));e([r(".hero__container")],a.prototype,"heroContainer",void 0),e([r("nile-hero-header")],a.prototype,"heroHeader",void 0),e([r(".hero__img__container")],a.prototype,"imgContainer",void 0),e([l({reflect:!0})],a.prototype,"icon",void 0),e([l({reflect:!0,type:Boolean})],a.prototype,"collapse",void 0),e([l({reflect:!0,attribute:"img-src"})],a.prototype,"imgSrc",void 0),e([l({reflect:!0,attribute:"hero-text"})],a.prototype,"heroText",void 0),e([n("collapse")],a.prototype,"updateOnCollapseChange",null),_export("N",a=e([t("nile-hero")],a));}};});
+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","../index-c7ad3b47.cjs.js","lit/decorators.js","./nile-hero.css.cjs.js","../internal/nile-element.cjs.js","../internal/watch.cjs.js","../property-217fe924.cjs.js","lit"],function(_export,_context){"use strict";var e,i,t,r,o,s,n,a,_templateObject,l;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(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(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_index001CjsJs){i=_index001CjsJs.x;},function(_litDecoratorsJs){t=_litDecoratorsJs.query;r=_litDecoratorsJs.customElement;},function(_nileHeroCssCjsJs){o=_nileHeroCssCjsJs.s;},function(_internalNileElementCjsJs){s=_internalNileElementCjsJs.N;},function(_internalWatchCjsJs){n=_internalWatchCjsJs.w;},function(_property002CjsJs){a=_property002CjsJs.n;},function(_lit){}],execute:function execute(){_export("N",l=/*#__PURE__*/function(_s){function l(){var _this;_classCallCheck(this,l);_this=_callSuper(this,l,arguments),_this.icon="action",_this.collapse=!1,_this.imgSrc="",_this.heroText="Nile Hero";return _this;}_inherits(l,_s);return _createClass(l,[{key:"connectedCallback",value:function connectedCallback(){var _this2=this;_get(_getPrototypeOf(l.prototype),"connectedCallback",this).call(this),this.updateComplete.then(function(){_this2.updateOnCollapseChange();});}},{key:"updateOnCollapseChange",value:function updateOnCollapseChange(){if(!this.heroContainer)return;var e=this.heroHeader.scrollHeight+1;this.collapse?(this.heroContainer.style.height=e+"px",this.heroContainer.style.background="var(--nile-hero-collapsed-background,#fff)"):(this.heroContainer.style.height="var(--nile-hero-height)",this.heroContainer.style.background="linear-gradient(180deg, var( --nile-hero-color-bg-from-gradient) 0%,  var( --nile-hero-color-bg-to-gradient) 100%)");}},{key:"render",value:function render(){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t<div class=\"hero__container\">\n\t\t\t<nile-hero-header class='hero__header--collapsed' style=\"opacity:","\" hero-text=\"","\" icon=\"","\"></nile-hero-header>\n\t\t\t<div class=\"hero__slot__container\" style=\"opacity:","\">\n\t\t\t <div class=\"hero__slot\">\n\t\t\t \t<span class=\"icon__container\">\n\t\t\t\t\t<nile-icon size=\"16\" method=\"stroke\" name=\"","\"></nile-icon>\n\t\t\t\t</span>\n\t\t\t\t<slot></slot>\n\t\t\t </div>\n\t\t\t</div>\n\t\t\t<div class=\"hero__img__container\"  style=\"opacity:","\" id=\"hero__img__container\">\n\t\t\t\t<img src=\"","\" class=\"hero__img\">\n\t\t\t</div>\n\t\t</div>\n\t\t"])),this.collapse?1:0,this.heroText,this.icon,this.collapse?0:1,this.icon,this.collapse?0:1,this.imgSrc);}}],[{key:"styles",get:function get(){return[o];}}]);}(s));e([t(".hero__container")],l.prototype,"heroContainer",void 0),e([t("nile-hero-header")],l.prototype,"heroHeader",void 0),e([t(".hero__img__container")],l.prototype,"imgContainer",void 0),e([a({reflect:!0})],l.prototype,"icon",void 0),e([a({reflect:!0,type:Boolean})],l.prototype,"collapse",void 0),e([a({reflect:!0,attribute:"img-src"})],l.prototype,"imgSrc",void 0),e([a({reflect:!0,attribute:"hero-text"})],l.prototype,"heroText",void 0),e([n("collapse")],l.prototype,"updateOnCollapseChange",null),_export("N",l=e([r("nile-hero")],l));}};});
 //# sourceMappingURL=nile-hero.cjs.js.map

package/dist/nile-hero/nile-hero.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-hero.cjs.js","sources":["../../../src/nile-hero/nile-hero.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 {LitElement, html, property, CSSResultArray, TemplateResult,nothing} from 'lit-element';\nimport { customElement, query } from 'lit/decorators.js';\nimport {styles} from './nile-hero.css';\nimport NileElement from '../internal/nile-element';\nimport { watch } from '../internal/watch';\nimport { classMap } from 'lit/directives/class-map.js';\n\n\n/\n Nile hero component.\n \n @tag nile-hero\n \n /\n@customElement('nile-hero')\nexport class NileHero extends NileElement {\n\t@query('.hero__container') heroContainer:HTMLElement;\n\t@query('nile-hero-header') heroHeader:HTMLElement;\n\t@query('.hero__img__container') imgContainer:HTMLElement;\n\t@property({ reflect: true }) icon: string = 'action';\n\t@property({ reflect: true, type: Boolean }) collapse: boolean = false;\n\t\n\t@property({ reflect: true, attribute: 'img-src' }) imgSrc: string = '';\n\t@property({ reflect: true, attribute: 'hero-text' }) heroText: string = 'Nile Hero';\n\n\t/*\n\t The styles for nile-hero\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t /\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/ #endregion /\n\tconnectedCallback() {\n\t\tsuper.connectedCallback();\n\t\tthis.updateComplete.then(() => {\n\t\t\tthis.updateOnCollapseChange();\n\t\t});\n\t}\n\t/ #region Methods /\n\n\t@watch('collapse')\n\tupdateOnCollapseChange(){\n\t\tif(!this.heroContainer) return;\n\t\tconst heroHeaderHeight=this.heroHeader.scrollHeight;\n\t\tif(this.collapse){\n\t\t\tthis.heroContainer.style.height=heroHeaderHeight+'px';\n\t\t\tthis.heroContainer.style.background=\"var(--nile-hero-collapsed-background,#fff)\";\n\t\t~~\tthis.heroContainer.style.borderBottom=\"1px solid #EAECF0\";\n\t\t\tthis.imgContainer.style.opacity='0';\n\t\t~~}\n\t\telse{\n\t\t\tthis.heroContainer.style.height=\"var(--nile-hero-height)\";\n\t\t\tthis.heroContainer.style.background=\"linear-gradient(180deg, var( --nile-hero-color-bg-from-gradient) 0%, var( --nile-hero-color-bg-to-gradient) 100%)\";\n\t\t~~\tthis.heroContainer.style.borderBottom='';\n\t\t\tthis.imgContainer.style.opacity='1';\n\t\t~~}\n\t}\n\t/\n\t Render method\n\t * @slot This is a slot test\n\t /\n\tpublic render(): TemplateResult {\n\t\treturn html`\n\t\t<div class=\"hero__container\">\n\t\t\t<~~div~~ class=\"~~hero__body~~\"~~>\n\t\t\t\t<nile-hero-header~~ hero-text=\"${this.heroText}\" icon=\"${this.icon}\"></nile-hero-header>\n\t\t\t\t<div class=\"hero__slot\">\n\t\t\t\t\t<~~slot~~></~~slot~~>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"hero__img__container\" id=\"hero__img__container\">\n\t\t\t\t<img src=\"${this.imgSrc}\" class=\"hero__img\">\n\t\t\t</div>\n\t\t</div>\n\t\t`;\n\t}\n\n\t/ #endregion */\n}\n\nexport default NileHero;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-hero': NileHero;\n }\n}"],"names":["NileHero","a","~~constructor","~~this","icon","collapse","imgSrc","heroText","_this","_inherits","_s","_createClass","key","value","connectedCallback","super","updateComplete","then","updateOnCollapseChange","heroContainer","heroHeaderHeight","heroHeader","scrollHeight","style","height","background","~~borderBottom","imgContainer","opacity","~~render","html","_templateObject","_taggedTemplateLiteral","get","styles","NileElement","__decorate","query","prototype","property","reflect","type","Boolean","attribute","watch","customElement"],"mappings":"k1IAsBaA,~~CAAAA~~,~~uBAAAA,EAAAA,EAAN,~~SAAAC,EAAA,~~CAAAC~~,KAAAA,~~KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCAIuBC,KAAAA,~~CAAIC,IAAAA,CAAW,~~QACAD~~,~~CAAAA,~~KAAAA,CAAQE,~~UAAY~~,~~CAEbF,~~CAAAA,KAAAA,CAAMG,~~MAAW~~,~~CAAA~~,~~EAAA~~,~~CACfH,~~KAAAA,CAAQI,QAAAA,CAAW,~~WAyDxE~~,QAAAC,KAAA,~~EAnDOC~~,SAAA,~~CAAAR~~,CAAA,~~CAAAS~~,EAAA,SAAAC,YAAA,~~CAAAV~~,CAAA,~~GAAAW~~,GAAA,qBAAAC,KAAA,CAKP,SAAAC,kBAAA,~~CAAAA~~,~~KAAAA,MAAAA,MACCC,~~IAAAA,CAAAA,eAAAA,CAAAA,CAAAA,CAAAA,SAAAA,4BAAAA,IAAAA,OACAZ,~~IAAKa~~,CAAAA,~~cAAAA~~,~~CAAeC~~,~~IAAK~~,~~CAAA,UAAA,CACxBd,~~MAAKe,CAAAA,sBAAAA,CAAAA,CAAwB,~~EAE9B~~,~~CAAA,~~EAID,GAAAN,GAAA,0BAAAC,KAAA,UAAAK,uBAAA,~~CAAAA~~,~~CACC~~,~~IAAIf~~,~~IAAKgB~~,~~CAAAA~~,~~aAAAA~~,~~CAAe~~,~~OACxB,~~GAAMC,CAAAA,~~CAAiBjB~~,CAAAA,~~IAAAA~~,~~CAAKkB~~,~~WAAWC~~,~~YACpCnB~~,CAAAA,IAAAA,CAAKE,~~QACPF~~,~~EAAAA~~,~~IAAAA~~,~~CAAKgB~~,~~aAAcI~~,~~CAAAA~~,~~KAAAA~~,~~CAAMC~~,~~OAAOJ~~,~~CAAiB~~,~~CAAA~~,~~IAAA,CACjDjB,~~IAAKgB,CAAAA,aAAAA,CAAcI,~~KAAME~~,~~CAAAA~~,~~UAAAA~~,~~CAAW~~,~~4CACpCtB~~,~~CAAAA~~,~~IAAAA,CAAKgB,~~aAAcI,CAAAA,KAAAA,~~CAAMG~~,~~YAAa~~,~~CAAA~~,~~mBAAA~~,~~CACtCvB~~,~~IAAKwB~~,CAAAA,~~YAAAA~~,~~CAAaJ~~,~~MAAMK~~,~~OAAQ~~,~~CAAA~~,GAAA,~~GAGhCzB~~,~~IAAKgB~~,~~CAAAA~~,~~aAAAA~~,~~CAAcI~~,~~KAAMC~~,~~CAAAA~~,~~MAAAA,CAAO,0BAChCrB,IAAKgB,~~CAAAA,~~aAAAA~~,~~CAAcI~~,~~KAAME~~,~~CAAAA~~,~~UAAAA~~,~~CAAW~~,~~oHACpCtB~~,~~CAAAA~~,IAAAA,~~CAAKgB~~,~~cAAcI~~,~~KAAMG~~,~~CAAAA~~,~~YAAAA~~,~~CAAa~~,~~EACtCvB,~~CAAAA,IAAAA,~~CAAKwB~~,~~YAAaJ~~,CAAAA,~~KAAAA~~,~~CAAMK~~,~~OAAQ~~,~~CAAA~~,~~GAAA~~,~~CAEjC~~,~~EAKM~~,~~GAAAhB~~,~~GAAA~~,~~UAAAC~~,~~KAAA,UAAAgB,OAAA,CACN,CAAA,MAAOC,~~CAAAA,~~CAAI~~,~~CAAAC~~,~~eAAA,GAAAA,eAAA,CAAAC,sBAAA,+YAGsB7B,~~IAAAA,~~CAAKI~~,~~SAAmBJ~~,~~IAAKC~~,~~CAAAA~~,~~IAAAA~~,~~CAMhDD~~,IAAKG,CAAAA,MAAAA,EAInB,CAAA,KAAAM,GAAA,~~UAAAqB~~,GAAA,~~CAhDM~~,SAAAA,IAAA,~~CACN~~,~~CAAA,~~MAAO,CAACC,~~CAAAA~~,~~CACR,~~EAGD,MAnB6BC,CAAAA,GACFC,EAAA,CAA1BC,CAAAA,CAAM,~~kBAA8CrC~~,CAAAA,CAAAA,CAAAA,CAAAA,~~CAAAsC~~,UAAA,eAAA,CAAA,IAAA,EAAA,CAAA,~~CAC1BF~~,CAAA,CAAA,CAA1BC,EAAM,~~kBAA2CrC~~,CAAAA,CAAAA,CAAAA,CAAAA,~~CAAAsC~~,UAAA,YAAA,CAAA,IAAA,EAAA,CAAA,~~CAClBF~~,EAAA,CAA/BC,CAAAA,CAAM,~~uBAAkDrC~~,CAAAA,CAAAA,CAAAA,CAAAA,~~CAAAsC~~,UAAA,cAAA,CAAA,IAAA,EAAA,CAAA,~~CAC5BF~~,EAAA,CAA5BG,CAAAA,CAAS,CAAEC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,~~CAAgCxC~~,~~CAAAsC~~,CAAAA,SAAAA,CAAA,WAAA,EACTF,CAAAA,CAAAA,CAAAA,CAAA,CAA3CG,CAAS,CAAA,CAAEC,SAAS,CAAMC,CAAAA,IAAAA,CAAMC,~~OAAqC1C~~,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,~~CAAAsC~~,UAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAEnBF,EAAA,CAAlDG,CAAAA,CAAS,CAAEC,OAAS,CAAA,CAAA,CAAA,CAAMG,SAAW,CAAA,SAAA,CAAA,CAAA,CAAA,~~CAAiC3C~~,~~EAAAsC~~,SAAA,CAAA,QAAA,CAAA,IAAA,IAClBF,CAAA,CAAA,CAApDG,EAAS,CAAEC,OAAAA,CAAAA,CAAS,CAAMG,CAAAA,SAAAA,CAAW,~~eAA8C3C~~,~~CAAAsC~~,CAAAA,SAAAA,CAAA,eAAA,EAoBpFF,CAAAA,CAAAA,CAAAA,CAAA,CADCQ,CAAM,CAAA,UAAA,CAAA,CAAA,~~CAgBN5C~~,~~CAAAsC~~,CAAAA,SAAAA,CAAA,yBAAA,~~IA3CWtC~~,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,~~CAAQoC~~,EAAA,CADpBS,CAAAA,CAAc,~~cACF7C~~"}
1	+ {"version":3,"file":"nile-hero.cjs.js","sources":["../../../src/nile-hero/nile-hero.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 {LitElement, html, property, CSSResultArray, TemplateResult,nothing} from 'lit-element';\nimport { customElement, query, state } from 'lit/decorators.js';\nimport {styles} from './nile-hero.css';\nimport NileElement from '../internal/nile-element';\nimport { watch } from '../internal/watch';\nimport { classMap } from 'lit/directives/class-map.js';\n\n\n/\n Nile hero component.\n \n @tag nile-hero\n \n /\n@customElement('nile-hero')\nexport class NileHero extends NileElement {\n\t@query('.hero__container') heroContainer: HTMLElement;\n\t@query('nile-hero-header') heroHeader: HTMLElement;\n\t@query('.hero__img__container') imgContainer: HTMLElement;\n\t@property({ reflect: true }) icon: string = 'action';\n\t@property({ reflect: true, type: Boolean }) collapse: boolean = false;\n\n\t@property({ reflect: true, attribute: 'img-src' }) imgSrc: string = '';\n\t@property({ reflect: true, attribute: 'hero-text' }) heroText: string = 'Nile Hero';\n\n\t/*\n\t The styles for nile-hero\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t /\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/ #endregion /\n\tconnectedCallback() {\n\t\tsuper.connectedCallback();\n\t\tthis.updateComplete.then(() => {\n\t\t\tthis.updateOnCollapseChange();\n\t\t});\n\t}\n\t/ #region Methods /\n\n\t@watch('collapse')\n\tupdateOnCollapseChange() {\n\t\tif (!this.heroContainer) return;\n\t\tconst heroHeaderHeight = this.heroHeader.scrollHeight+1;\n\t\tif (this.collapse) {\n\t\t\tthis.heroContainer.style.height = heroHeaderHeight + 'px';\n\t\t\tthis.heroContainer.style.background = \"var(--nile-hero-collapsed-background,#fff)\";\n\t\t}\n\t\telse {\n\t\t\tthis.heroContainer.style.height = \"var(--nile-hero-height)\";\n\t\t\tthis.heroContainer.style.background = \"linear-gradient(180deg, var( --nile-hero-color-bg-from-gradient) 0%, var( --nile-hero-color-bg-to-gradient) 100%)\";\n\t\t}\n\t}\n\t/\n\t Render method\n\t * @slot This is a slot test\n\t /\n\tpublic render(): TemplateResult {\n\t\treturn html`\n\t\t<div class=\"hero__container\">\n\t\t\t<nile-hero-header class='hero__header--collapsed' style=\"opacity:${this.collapse?1:0}\" hero-text=\"${this.heroText}\" icon=\"${this.icon}\"></nile-hero-header>\n\t\t\t<div class=\"hero__slot__container\" style=\"opacity:${this.collapse?0:1}\">\n\t\t\t <div class=\"hero__slot\">\n\t\t\t \t<span class=\"icon__container\">\n\t\t\t\t\t<nile-icon size=\"16\" method=\"stroke\" name=\"${this.icon}\"></nile-icon>\n\t\t\t\t</span>\n\t\t\t\t<slot></slot>\n\t\t\t </div>\n\t\t\t</div>\n\t\t\t<div class=\"hero__img__container\" style=\"opacity:${this.collapse?0:1}\" id=\"hero__img__container\">\n\t\t\t\t<img src=\"${this.imgSrc}\" class=\"hero__img\">\n\t\t\t</div>\n\t\t</div>\n\t\t`;\n\t}\n\n\t/ #endregion */\n}\n\nexport default NileHero;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-hero': NileHero;\n }\n}"],"names":["NileHero","l","this","icon","collapse","imgSrc","heroText","_this","_inherits","_s","_createClass","key","value","connectedCallback","super","updateComplete","then","updateOnCollapseChange","heroContainer","heroHeaderHeight","heroHeader","scrollHeight","style","height","background","render","html","_templateObject","_taggedTemplateLiteral","get","styles","NileElement","__decorate","query","prototype","property","reflect","type","Boolean","attribute","watch","customElement"],"mappings":"k1IAsBaA,4BAAN,SAAAC,EAAA,uEAIuBC,KAAAA,CAAIC,IAAAA,CAAW,SACAD,KAAAA,CAAQE,QAAAA,CAAAA,CAAY,EAEbF,KAAAA,CAAMG,MAAAA,CAAW,GACfH,KAAAA,CAAQI,QAAAA,CAAW,WAwDxE,QAAAC,KAAA,EAlDOC,SAAA,CAAAP,CAAA,CAAAQ,EAAA,SAAAC,YAAA,CAAAT,CAAA,GAAAU,GAAA,qBAAAC,KAAA,CAKP,SAAAC,kBAAA,kBACCC,IAAAA,CAAAA,eAAAA,CAAAA,CAAAA,CAAAA,SAAAA,4BAAAA,IAAAA,OACAZ,KAAKa,cAAeC,CAAAA,IAAAA,CAAK,WACxBd,MAAKe,CAAAA,sBAAAA,CAAAA,CAAwB,GAE9B,EAID,GAAAN,GAAA,0BAAAC,KAAA,UAAAK,uBAAA,EACC,GAAKf,CAAAA,IAAAA,CAAKgB,cAAe,OACzB,GAAMC,CAAAA,EAAmBjB,IAAKkB,CAAAA,UAAAA,CAAWC,aAAa,CAClDnB,CAAAA,IAAAA,CAAKE,UACRF,IAAKgB,CAAAA,aAAAA,CAAcI,MAAMC,MAASJ,CAAAA,CAAAA,CAAmB,KACrDjB,IAAKgB,CAAAA,aAAAA,CAAcI,MAAME,UAAa,CAAA,4CAAA,GAGtCtB,KAAKgB,aAAcI,CAAAA,KAAAA,CAAMC,OAAS,yBAClCrB,CAAAA,IAAAA,CAAKgB,cAAcI,KAAME,CAAAA,UAAAA,CAAa,qHAEvC,EAKM,GAAAb,GAAA,UAAAC,KAAA,UAAAa,OAAA,CACN,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,ioBAEyD1B,IAAAA,CAAKE,QAAS,CAAA,CAAA,CAAE,CAAiBF,CAAAA,IAAAA,CAAKI,SAAmBJ,IAAKC,CAAAA,IAAAA,CAC7ED,IAAAA,CAAKE,SAAS,CAAE,CAAA,CAAA,CAGrBF,IAAKC,CAAAA,IAAAA,CAKAD,IAAAA,CAAKE,SAAS,CAAE,CAAA,CAAA,CACvDF,IAAKG,CAAAA,MAAAA,EAInB,CAAA,KAAAM,GAAA,UAAAkB,GAAA,CA/CM,SAAAA,IAAA,EACN,MAAO,CAACC,EACR,EAGD,MAnB6BC,CAAAA,GACFC,EAAA,CAA1BC,CAAAA,CAAM,kBAA+CjC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAkC,UAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAC3BF,CAAA,CAAA,CAA1BC,EAAM,kBAA4CjC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAkC,UAAA,YAAA,CAAA,IAAA,EAAA,CAAA,CACnBF,EAAA,CAA/BC,CAAAA,CAAM,uBAAmDjC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAkC,UAAA,cAAA,CAAA,IAAA,EAAA,CAAA,CAC7BF,EAAA,CAA5BG,CAAAA,CAAS,CAAEC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAgCpC,CAAAkC,CAAAA,SAAAA,CAAA,WAAA,EACTF,CAAAA,CAAAA,CAAAA,CAAA,CAA3CG,CAAS,CAAA,CAAEC,SAAS,CAAMC,CAAAA,IAAAA,CAAMC,OAAqCtC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAkC,UAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAEnBF,EAAA,CAAlDG,CAAAA,CAAS,CAAEC,OAAS,CAAA,CAAA,CAAA,CAAMG,SAAW,CAAA,SAAA,CAAA,CAAA,CAAA,CAAiCvC,EAAAkC,SAAA,CAAA,QAAA,CAAA,IAAA,IAClBF,CAAA,CAAA,CAApDG,EAAS,CAAEC,OAAAA,CAAAA,CAAS,CAAMG,CAAAA,SAAAA,CAAW,eAA8CvC,CAAAkC,CAAAA,SAAAA,CAAA,eAAA,EAoBpFF,CAAAA,CAAAA,CAAAA,CAAA,CADCQ,CAAM,CAAA,UAAA,CAAA,CAAA,CAYNxC,CAAAkC,CAAAA,SAAAA,CAAA,yBAAA,IAvCWlC,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAQgC,EAAA,CADpBS,CAAAA,CAAc,cACFzC"}

package/dist/nile-hero/nile-hero.css.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["../index-c7ad3b47.cjs.js"],function(_export,_context){"use strict";var i,_templateObject,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){i=_index001CjsJs.i;}],execute:function execute(){_export("s",o=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n\t:host {\n\t\tdisplay:block;\n\t\t--transition:2000ms;\n\t}\n\t.hero__container{\n\t\toverflow:hidden;\n\t\twidth:100%;\n\t\tposition:relative;\n\t\tdisplay:block;\n  \t\ttransition: var(--transition);\n\t}\n\t.hero__body {\n\t\theight:100%;\n\t}\n\n\t.hero__slot {\n\t\tpadding-left: 48px;\n\t\tpadding-top: 24px \n\t}\n\n\t.hero__img__container {\n\t\theight:var(--nile-hero-height);\n\t\toverflow:hidden;\n\t\twidth:max-content;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\tbottom:0;\n\t\ttransition:var(--transition);\n\t}\n\n\t.hero__img {\n\t\tobject-fit:cover;\n\t\theight:var(--nile-hero-height);\n\t\twidth:auto;\n\t}\n"]))));}};});
+System.register(["../index-c7ad3b47.cjs.js"],function(_export,_context){"use strict";var i,_templateObject,e;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){i=_index001CjsJs.i;}],execute:function execute(){_export("s",e=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n\t:host {\n\t\tdisplay:block;\n\t\t--nile-hero-transition-time:2000ms;\n\t}\n\n\t.hero__header--collapsed{\n\t\tposition:absolute;\n\t\ttop:0;\n\t\tleft:0;\n\t\ttransition:var(--nile-hero-transition-time);\n\t}\n\t\n\t.hero__container {\n\t\toverflow:hidden;\n\t\twidth:100%;\n\t\tposition:relative;\n\t\tdisplay:block;\n  \t\ttransition: var(--nile-hero-transition-time);\n\t}\n\n\t.icon__container {\n\t\theight: 32px;\n\t\taspect-ratio: 1 / 1;\n\t\tplace-items: center;\n\t\tdisplay: grid;\n\t\tborder-radius: 8px;\n\t\tborder: 1px solid #EAECF0;\n\t\tbackground: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient) 0%, var(--nile-hero-color-icon-bg-to-gradient) 100%);\n\t}\n\n\t.hero__slot__container {\n\t\theight:var(--nile-hero-height);\n\t\tpadding-left: 48px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap:var(--nile-spacing-spacing-xl);\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom:0;\n  \t\ttransition: var(--nile-hero-transition-time);\n\t}\n\n\t.hero__slot {\n\t\tdisplay: flex;\n\t\tgap:var(--nile-spacing-spacing-xl);\n\t}\n\n\t.hero__img__container {\n\t\theight:var(--nile-hero-height);\n\t\toverflow:hidden;\n\t\twidth:max-content;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\tbottom:0;\n\t\ttransition:var(--nile-hero-transition-time);\n\t}\n\n\t.hero__img {\n\t\tobject-fit:cover;\n\t\theight:var(--nile-hero-height);\n\t\twidth:auto;\n\t}\n"]))));}};});
 //# sourceMappingURL=nile-hero.css.cjs.js.map

package/dist/nile-hero/nile-hero.css.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-hero.css.cjs.js","sources":["../../../src/nile-hero/nile-hero.css.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2023\n\n This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n/\n\nimport {css} from 'lit-element';\n\n/\n Hero CSS\n */\nexport const styles = css`\n\n\t:host {\n\t\tdisplay:block;\n\t\t--transition:2000ms;\n\t}\n\t.hero__container{\n\t\toverflow:hidden;\n\t\twidth:100%;\n\t\tposition:relative;\n\t\tdisplay:block;\n \t\ttransition: var(--transition);\n\t}\n\t.~~hero__body~~ {\n\t\theight:100~~%;\~~n\t}\n\n\t.~~hero__slot~~ {\n\t\tpadding-left: 48px;\n\t\~~tpadding~~-~~top~~: ~~24px~~ \n\t}\n\n\t.hero__img__container {\n\t\theight:var(--nile-hero-height);\n\t\toverflow:hidden;\n\t\twidth:max-content;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\tbottom:0;\n\t\ttransition:var(--transition);\n\t}\n\n\t.hero__img {\n\t\tobject-fit:cover;\n\t\theight:var(--nile-hero-height);\n\t\twidth:auto;\n\t}\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1	+ {"version":3,"file":"nile-hero.css.cjs.js","sources":["../../../src/nile-hero/nile-hero.css.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2023\n\n This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n/\n\nimport {css} from 'lit-element';\n\n/\n Hero CSS\n */\nexport const styles = css`\n\n\t:host {\n\t\tdisplay:block;\n\t\t--nile-hero-transition-time:2000ms;\n\t}\n\n\t.hero__header--collapsed{\n\t\tposition:absolute;\n\t\ttop:0;\n\t\tleft:0;\n\t\ttransition:var(--nile-hero-transition-time);\n\t}\n\t\n\t.hero__container {\n\t\toverflow:hidden;\n\t\twidth:100%;\n\t\tposition:relative;\n\t\tdisplay:block;\n \t\ttransition: var(--nile-hero-transition-time);\n\t}\n\n\t.icon__container {\n\t\theight: 32px;\n\t\taspect-ratio: 1 / 1;\n\t\tplace-items: center;\n\t\tdisplay: grid;\n\t\tborder-radius: 8px;\n\t\tborder: 1px solid #EAECF0;\n\t\tbackground: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient) 0%, var(--nile-hero-color-icon-bg-to-gradient) 100%);\n\t}\n\n\t.hero__slot__container {\n\t\theight:var(--nile-hero-height);\n\t\tpadding-left: 48px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap:var(--nile-spacing-spacing-xl);\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom:0;\n \t\ttransition: var(--nile-hero-transition-time);\n\t}\n\n\t.hero__slot {\n\t\tdisplay: flex;\n\t\tgap:var(--nile-spacing-spacing-xl);\n\t}\n\n\t.hero__img__container {\n\t\theight:var(--nile-hero-height);\n\t\toverflow:hidden;\n\t\twidth:max-content;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\tbottom:0;\n\t\ttransition:var(--nile-hero-transition-time);\n\t}\n\n\t.hero__img {\n\t\tobject-fit:cover;\n\t\theight:var(--nile-hero-height);\n\t\twidth:auto;\n\t}\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-hero/nile-hero.css.esm.js CHANGED Viewed

@@ -1,23 +1,50 @@
-import{i}from"../index-0a3007c5.esm.js";const o=i`
+import{i}from"../index-0a3007c5.esm.js";const e=i`
 	:host {
 		display:block;
-		--transition:2000ms;
+		--nile-hero-transition-time:2000ms;
 	}
-	.hero__container{
+	.hero__header--collapsed{
+		position:absolute;
+		top:0;
+		left:0;
+		transition:var(--nile-hero-transition-time);
+	}
+	.hero__container {
 		overflow:hidden;
 		width:100%;
 		position:relative;
 		display:block;
-  		transition: var(--transition);
+  		transition: var(--nile-hero-transition-time);
 	}
-	.hero__body {
-		height:100%;
+	.icon__container {
+		height: 32px;
+		aspect-ratio: 1 / 1;
+		place-items: center;
+		display: grid;
+		border-radius: 8px;
+		border: 1px solid #EAECF0;
+		background: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient) 0%, var(--nile-hero-color-icon-bg-to-gradient) 100%);
 	}
-	.hero__slot {
+	.hero__slot__container {
+		height:var(--nile-hero-height);
 		padding-left: 48px;
-		padding-top: 24px
+		display: flex;
+		align-items: center;
+		gap:var(--nile-spacing-spacing-xl);
+		position: absolute;
+		left: 0;
+		bottom:0;
+  		transition: var(--nile-hero-transition-time);
+	}
+	.hero__slot {
+		display: flex;
+		gap:var(--nile-spacing-spacing-xl);
 	}
 	.hero__img__container {
@@ -27,7 +54,7 @@ import{i}from"../index-0a3007c5.esm.js";const o=i`
 		position: absolute;
 		right: 0;
 		bottom:0;
-		transition:var(--transition);
+		transition:var(--nile-hero-transition-time);
 	}
 	.hero__img {
@@ -35,4 +62,4 @@ import{i}from"../index-0a3007c5.esm.js";const o=i`
 		height:var(--nile-hero-height);
 		width:auto;
 	}
-`;export{o as s};
+`;export{e as s};

package/dist/nile-hero/nile-hero.esm.js CHANGED Viewed

@@ -1,13 +1,16 @@
-import{__decorate as e}from"tslib";import{x as i}from"../index-0a3007c5.esm.js";import{query as r,customElement as t}from"lit/decorators.js";import{s as o}from"./nile-hero.css.esm.js";import{N as s}from"../internal/nile-element.esm.js";import{w as n}from"../internal/watch.esm.js";import{n as l}from"../property-09139d3c.esm.js";import"lit";let a=class extends s{constructor(){super(...arguments),this.icon="action",this.collapse=!1,this.imgSrc="",this.heroText="Nile Hero"}static get styles(){return[o]}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this.updateOnCollapseChange()}))}updateOnCollapseChange(){if(!this.heroContainer)return;const e=this.heroHeader.scrollHeight;this.collapse?(this.heroContainer.style.height=e+"px",this.heroContainer.style.background="var(--nile-hero-collapsed-background,#fff)",this.heroContainer.style.borderBottom="1px solid #EAECF0",this.imgContainer.style.opacity="0"):(this.heroContainer.style.height="var(--nile-hero-height)",this.heroContainer.style.background="linear-gradient(180deg, var( --nile-hero-color-bg-from-gradient) 0%,  var( --nile-hero-color-bg-to-gradient) 100%)",this.heroContainer.style.borderBottom="",this.imgContainer.style.opacity="1")}render(){return i`
+import{__decorate as e}from"tslib";import{x as i}from"../index-0a3007c5.esm.js";import{query as t,customElement as r}from"lit/decorators.js";import{s as o}from"./nile-hero.css.esm.js";import{N as s}from"../internal/nile-element.esm.js";import{w as n}from"../internal/watch.esm.js";import{n as a}from"../property-09139d3c.esm.js";import"lit";let l=class extends s{constructor(){super(...arguments),this.icon="action",this.collapse=!1,this.imgSrc="",this.heroText="Nile Hero"}static get styles(){return[o]}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this.updateOnCollapseChange()}))}updateOnCollapseChange(){if(!this.heroContainer)return;const e=this.heroHeader.scrollHeight+1;this.collapse?(this.heroContainer.style.height=e+"px",this.heroContainer.style.background="var(--nile-hero-collapsed-background,#fff)"):(this.heroContainer.style.height="var(--nile-hero-height)",this.heroContainer.style.background="linear-gradient(180deg, var( --nile-hero-color-bg-from-gradient) 0%,  var( --nile-hero-color-bg-to-gradient) 100%)")}render(){return i`
 		<div class="hero__container">
-			<div class="hero__body">
-				<nile-hero-header hero-text="${this.heroText}" icon="${this.icon}"></nile-hero-header>
-				<div class="hero__slot">
-					<slot></slot>
-				</div>
+			<nile-hero-header class='hero__header--collapsed' style="opacity:${this.collapse?1:0}" hero-text="${this.heroText}" icon="${this.icon}"></nile-hero-header>
+			<div class="hero__slot__container" style="opacity:${this.collapse?0:1}">
+			 <div class="hero__slot">
+			 	<span class="icon__container">
+					<nile-icon size="16" method="stroke" name="${this.icon}"></nile-icon>
+				</span>
+				<slot></slot>
+			 </div>
 			</div>
-			<div class="hero__img__container" id="hero__img__container">
+			<div class="hero__img__container"  style="opacity:${this.collapse?0:1}" id="hero__img__container">
 				<img src="${this.imgSrc}" class="hero__img">
 			</div>
 		</div>
-		`}};e([r(".hero__container")],a.prototype,"heroContainer",void 0),e([r("nile-hero-header")],a.prototype,"heroHeader",void 0),e([r(".hero__img__container")],a.prototype,"imgContainer",void 0),e([l({reflect:!0})],a.prototype,"icon",void 0),e([l({reflect:!0,type:Boolean})],a.prototype,"collapse",void 0),e([l({reflect:!0,attribute:"img-src"})],a.prototype,"imgSrc",void 0),e([l({reflect:!0,attribute:"hero-text"})],a.prototype,"heroText",void 0),e([n("collapse")],a.prototype,"updateOnCollapseChange",null),a=e([t("nile-hero")],a);export{a as N};
+		`}};e([t(".hero__container")],l.prototype,"heroContainer",void 0),e([t("nile-hero-header")],l.prototype,"heroHeader",void 0),e([t(".hero__img__container")],l.prototype,"imgContainer",void 0),e([a({reflect:!0})],l.prototype,"icon",void 0),e([a({reflect:!0,type:Boolean})],l.prototype,"collapse",void 0),e([a({reflect:!0,attribute:"img-src"})],l.prototype,"imgSrc",void 0),e([a({reflect:!0,attribute:"hero-text"})],l.prototype,"heroText",void 0),e([n("collapse")],l.prototype,"updateOnCollapseChange",null),l=e([r("nile-hero")],l);export{l as N};

package/dist/nile-hero-header/nile-hero-header.cjs.js CHANGED Viewed

@@ -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","../index-c7ad3b47.cjs.js","lit/decorators.js","./nile-hero-header.css.cjs.js","../internal/nile-element.cjs.js","../property-217fe924.cjs.js","lit"],function(_export,_context){"use strict";var e,t,r,s,i,o,_templateObject,n;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(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(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_index001CjsJs){t=_index001CjsJs.x;},function(_litDecoratorsJs){r=_litDecoratorsJs.customElement;},function(_nileHeroHeaderCssCjsJs){s=_nileHeroHeaderCssCjsJs.s;},function(_internalNileElementCjsJs){i=_internalNileElementCjsJs.N;},function(_property002CjsJs){o=_property002CjsJs.n;},function(_lit){}],execute:function execute(){_export("N",n=/*#__PURE__*/function(_i){function n(){var _this;_classCallCheck(this,n);_this=_callSuper(this,n,arguments),_this.icon="action",_this.heroText="Nile Hero";return _this;}_inherits(n,_i);return _createClass(n,[{key:"render",value:function render(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t\t\t<span class=\"icon__container\">\n\t\t\t\t\t<nile-icon size=\"16\" name=\"","\"></nile-icon>\n\t\t\t\t</span>\n\t\t\t\t<span class=\"hero__text\">","</span>\n\t\t\t"])),this.icon,this.heroText);}}],[{key:"styles",get:function get(){return[s];}}]);}(i));e([o({reflect:!0})],n.prototype,"icon",void 0),e([o({reflect:!0,attribute:"hero-text"})],n.prototype,"heroText",void 0),_export("N",n=e([r("nile-hero-header")],n));}};});
+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","../index-c7ad3b47.cjs.js","lit/decorators.js","./nile-hero-header.css.cjs.js","../internal/nile-element.cjs.js","../property-217fe924.cjs.js","lit"],function(_export,_context){"use strict";var e,t,r,s,o,i,_templateObject,n;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(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(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_index001CjsJs){t=_index001CjsJs.x;},function(_litDecoratorsJs){r=_litDecoratorsJs.customElement;},function(_nileHeroHeaderCssCjsJs){s=_nileHeroHeaderCssCjsJs.s;},function(_internalNileElementCjsJs){o=_internalNileElementCjsJs.N;},function(_property002CjsJs){i=_property002CjsJs.n;},function(_lit){}],execute:function execute(){_export("N",n=/*#__PURE__*/function(_o){function n(){var _this;_classCallCheck(this,n);_this=_callSuper(this,n,arguments),_this.icon="action",_this.heroText="Nile Hero";return _this;}_inherits(n,_o);return _createClass(n,[{key:"render",value:function render(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t\t\t<span class=\"icon__container\">\n\t\t\t\t\t<nile-icon method=\"stroke\" size=\"16\" name=\"","\"></nile-icon>\n\t\t\t\t</span>\n\t\t\t\t<span class=\"hero__text\">","</span>\n\t\t\t"])),this.icon,this.heroText);}}],[{key:"styles",get:function get(){return[s];}}]);}(o));e([i({reflect:!0})],n.prototype,"icon",void 0),e([i({reflect:!0,attribute:"hero-text"})],n.prototype,"heroText",void 0),_export("N",n=e([r("nile-hero-header")],n));}};});
 //# sourceMappingURL=nile-hero-header.cjs.js.map

package/dist/nile-hero-header/nile-hero-header.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-hero-header.cjs.js","sources":["../../../src/nile-hero-header/nile-hero-header.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 {LitElement, html, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport {styles} from './nile-hero-header.css';\nimport NileElement from '../internal/nile-element';\n\n\n/\n Nile hero-header component.\n \n @tag nile-hero-header\n \n /\n@customElement('nile-hero-header')\nexport class NileHeroHeader extends NileElement {\n\t@property({ reflect: true }) icon: string = 'action';\n\t@property({ reflect: true, attribute: 'hero-text' }) heroText: string = 'Nile Hero';\n\n\t/*\n\t The styles for nile-hero-header\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t /\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/ #endregion /\n\n\t/ #region Methods /\n\n\t/\n\t Render method\n\t * @slot This is a slot test\n\t /\n\tpublic render(): TemplateResult {\n\t\treturn html`\n\t\t\t\t<span class=\"icon__container\">\n\t\t\t\t\t<nile-icon size=\"16\" name=\"${this.icon}\"></nile-icon>\n\t\t\t\t</span>\n\t\t\t\t<span class=\"hero__text\">${this.heroText}</span>\n\t\t\t`;\n\t}\n\n\t/ #endregion */\n}\n\nexport default NileHeroHeader;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-hero-header': NileHeroHeader;\n }\n}"],"names":["NileHeroHeader","_i","n","constructor","this","icon","heroText","_this","_inherits","_createClass","key","value","render","html","_templateObject","_taggedTemplateLiteral","__decorate","get","styles","NileElement","property","reflect","prototype","attribute","customElement"],"mappings":"+sHAoBaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCACuBC,KAAAA,CAAIC,IAAW,CAAA,QAAA,CACSD,KAAAA,CAAQE,QAAAA,CAAW,WA4BxE,QAAAC,KAAA,EAtBOC,SAAA,CAAAN,CAAA,CAAAD,EAAA,SAAAQ,YAAA,CAAAP,CAAA,GAAAQ,GAAA,UAAAC,KAAA,CAYA,SAAAC,OAAA,CAAAA,CACN,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,~~sLAEqBX~~,IAAKC,CAAAA,IAAAA,~~CAERD~~,IAAKE,CAAAA,QAAAA,EAElC,CA1B4BU,KAAAA,GAAAA,UAAAA,GAAAA,CAOtB,SAAAC,IAAA,CACN,CAAA,MAAO,CAACC,CACR,CAAA,EAUM,MApB4BC,IACNH,CAAAA,CAAA,CAA5BI,CAAAA,CAAS,CAAEC,OAAAA,CAAAA,CAAS,CAAgCrB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAsB,SAAA,CAAA,MAAA,CAAA,IAAA,EACAN,CAAAA,CAAAA,CAAAA,CAAA,CAApDI,CAAAA,CAAS,CAAEC,OAAAA,CAAAA,CAAS,CAAME,CAAAA,SAAAA,CAAW,WAA8CvB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAsB,SAAA,CAAA,UAAA,CAAA,IAAA,EAFxEtB,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAcgB,CAAA,CAAA,CAD1BQ,CAAc,CAAA,kBAAA,CAAA,CAAA,CACFxB"}
1	+ {"version":3,"file":"nile-hero-header.cjs.js","sources":["../../../src/nile-hero-header/nile-hero-header.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 {LitElement, html, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport {styles} from './nile-hero-header.css';\nimport NileElement from '../internal/nile-element';\n\n\n/\n Nile hero-header component.\n \n @tag nile-hero-header\n \n /\n@customElement('nile-hero-header')\nexport class NileHeroHeader extends NileElement {\n\t@property({ reflect: true }) icon: string = 'action';\n\t@property({ reflect: true, attribute: 'hero-text' }) heroText: string = 'Nile Hero';\n\n\t/*\n\t The styles for nile-hero-header\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t /\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/ #endregion /\n\n\t/ #region Methods /\n\n\t/\n\t Render method\n\t * @slot This is a slot test\n\t /\n\tpublic render(): TemplateResult {\n\t\treturn html`\n\t\t\t\t<span class=\"icon__container\">\n\t\t\t\t\t<nile-icon method=\"stroke\" size=\"16\" name=\"${this.icon}\"></nile-icon>\n\t\t\t\t</span>\n\t\t\t\t<span class=\"hero__text\">${this.heroText}</span>\n\t\t\t`;\n\t}\n\n\t/ #endregion */\n}\n\nexport default NileHeroHeader;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-hero-header': NileHeroHeader;\n }\n}"],"names":["NileHeroHeader","_o","n","constructor","this","icon","heroText","_this","_inherits","_createClass","key","value","render","html","_templateObject","_taggedTemplateLiteral","__decorate","get","styles","NileElement","property","reflect","prototype","attribute","customElement"],"mappings":"+sHAoBaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCACuBC,KAAAA,CAAIC,IAAW,CAAA,QAAA,CACSD,KAAAA,CAAQE,QAAAA,CAAW,WA4BxE,QAAAC,KAAA,EAtBOC,SAAA,CAAAN,CAAA,CAAAD,EAAA,SAAAQ,YAAA,CAAAP,CAAA,GAAAQ,GAAA,UAAAC,KAAA,CAYA,SAAAC,OAAA,CAAAA,CACN,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,wMAEqCX,IAAKC,CAAAA,IAAAA,CAExBD,IAAKE,CAAAA,QAAAA,EAElC,CA1B4BU,KAAAA,GAAAA,UAAAA,GAAAA,CAOtB,SAAAC,IAAA,CACN,CAAA,MAAO,CAACC,CACR,CAAA,EAUM,MApB4BC,IACNH,CAAAA,CAAA,CAA5BI,CAAAA,CAAS,CAAEC,OAAAA,CAAAA,CAAS,CAAgCrB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAsB,SAAA,CAAA,MAAA,CAAA,IAAA,EACAN,CAAAA,CAAAA,CAAAA,CAAA,CAApDI,CAAAA,CAAS,CAAEC,OAAAA,CAAAA,CAAS,CAAME,CAAAA,SAAAA,CAAW,WAA8CvB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAsB,SAAA,CAAA,UAAA,CAAA,IAAA,EAFxEtB,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAcgB,CAAA,CAAA,CAD1BQ,CAAc,CAAA,kBAAA,CAAA,CAAA,CACFxB"}

package/dist/nile-hero-header/nile-hero-header.css.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["../index-c7ad3b47.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function execute(){_export("s",o=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\n\t:host {\n\t\twidth:100%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding:16px 48px;\n\t\tgap: 16px;\n\t}\n\n\t.icon__container {\n\t\theight: 32px;\n\t\taspect-ratio: 1 / 1;\n\t\tplace-items: center;\n\t\tdisplay: grid;\n\t\tborder-radius: 8px;\n\t\tborder: 1px solid #EAECF0;\n\t\tbackground: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient) 0%, var(--nile-hero-color-icon-bg-to-gradient) 100%);\n\t}\n\n\t.hero__text {\n\t\tcolor: var(--nile-hero-text-color);\n\t\tfont-size: var(--nile-hero-text-font-size);\n\t\tline-height: var(--nile-hero-text-line-height);\n\t\tfont-style: normal;\n\t\tfont-weight: var(--nile-hero-text-font-weight);\n\t}\n"]))));}};});
+System.register(["../index-c7ad3b47.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function execute(){_export("s",o=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\n\t:host {\n\t\twidth:100%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding:16px 48px;\n\t\tgap: 16px;\n\t\tborder-bottom: 1px solid rgb(234, 236, 240);\n\t}\n\n\t.icon__container {\n\t\theight: 32px;\n\t\taspect-ratio: 1 / 1;\n\t\tplace-items: center;\n\t\tdisplay: grid;\n\t\tborder-radius: 8px;\n\t\tborder: 1px solid #EAECF0;\n\t\tbackground: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient) 0%, var(--nile-hero-color-icon-bg-to-gradient) 100%);\n\t}\n\n\t.hero__text {\n\t\tcolor: var(--nile-hero-text-color);\n\t\tfont-size: var(--nile-hero-text-font-size);\n\t\tline-height: var(--nile-hero-text-line-height);\n\t\tfont-style: normal;\n\t\tfont-weight: var(--nile-hero-text-font-weight);\n\t}\n"]))));}};});
 //# sourceMappingURL=nile-hero-header.css.cjs.js.map

package/dist/nile-hero-header/nile-hero-header.css.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-hero-header.css.cjs.js","sources":["../../../src/nile-hero-header/nile-hero-header.css.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2023\n\n This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n/\n\nimport {css} from 'lit-element';\n\n/\n HeroHeader CSS\n */\nexport const styles = css`\n\t\n\t:host {\n\t\twidth:100%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding:16px 48px;\n\t\tgap: 16px;\n\t}\n\n\t.icon__container {\n\t\theight: 32px;\n\t\taspect-ratio: 1 / 1;\n\t\tplace-items: center;\n\t\tdisplay: grid;\n\t\tborder-radius: 8px;\n\t\tborder: 1px solid #EAECF0;\n\t\tbackground: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient) 0%, var(--nile-hero-color-icon-bg-to-gradient) 100%);\n\t}\n\n\t.hero__text {\n\t\tcolor: var(--nile-hero-text-color);\n\t\tfont-size: var(--nile-hero-text-font-size);\n\t\tline-height: var(--nile-hero-text-line-height);\n\t\tfont-style: normal;\n\t\tfont-weight: var(--nile-hero-text-font-weight);\n\t}\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1	+ {"version":3,"file":"nile-hero-header.css.cjs.js","sources":["../../../src/nile-hero-header/nile-hero-header.css.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2023\n\n This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n/\n\nimport {css} from 'lit-element';\n\n/\n HeroHeader CSS\n */\nexport const styles = css`\n\t\n\t:host {\n\t\twidth:100%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding:16px 48px;\n\t\tgap: 16px;\n\t\tborder-bottom: 1px solid rgb(234, 236, 240);\n\t}\n\n\t.icon__container {\n\t\theight: 32px;\n\t\taspect-ratio: 1 / 1;\n\t\tplace-items: center;\n\t\tdisplay: grid;\n\t\tborder-radius: 8px;\n\t\tborder: 1px solid #EAECF0;\n\t\tbackground: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient) 0%, var(--nile-hero-color-icon-bg-to-gradient) 100%);\n\t}\n\n\t.hero__text {\n\t\tcolor: var(--nile-hero-text-color);\n\t\tfont-size: var(--nile-hero-text-font-size);\n\t\tline-height: var(--nile-hero-text-line-height);\n\t\tfont-style: normal;\n\t\tfont-weight: var(--nile-hero-text-font-weight);\n\t}\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-hero-header/nile-hero-header.css.esm.js CHANGED Viewed

@@ -6,6 +6,7 @@ import{i as e}from"../index-0a3007c5.esm.js";const o=e`
 		align-items: center;
 		padding:16px 48px;
 		gap: 16px;
+		border-bottom: 1px solid rgb(234, 236, 240);
 	}
 	.icon__container {