@aquera/nile-elements 0.1.40-beta-1.2 → 0.1.40-beta-1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/README.md +3 -0
  2. package/dist/index.js +7 -7
  3. package/dist/nile-icon/index.cjs.js +1 -1
  4. package/dist/nile-icon/index.cjs.js.map +1 -1
  5. package/dist/nile-icon/index.esm.js +3 -3
  6. package/dist/nile-select/nile-select.css.cjs.js +1 -1
  7. package/dist/nile-select/nile-select.css.cjs.js.map +1 -1
  8. package/dist/nile-select/nile-select.css.esm.js +2 -2
  9. package/dist/nile-tooltip/nile-tooltip.css.cjs.js +1 -1
  10. package/dist/nile-tooltip/nile-tooltip.css.cjs.js.map +1 -1
  11. package/dist/nile-tooltip/nile-tooltip.css.esm.js +2 -2
  12. package/dist/src/nile-icon/index.js +3 -3
  13. package/dist/src/nile-icon/index.js.map +1 -1
  14. package/dist/src/nile-select/nile-select.css.js +2 -2
  15. package/dist/src/nile-select/nile-select.css.js.map +1 -1
  16. package/dist/src/nile-tooltip/nile-tooltip.css.js +2 -2
  17. package/dist/src/nile-tooltip/nile-tooltip.css.js.map +1 -1
  18. package/dist/tsconfig.tsbuildinfo +1 -1
  19. package/package.json +1 -1
  20. package/src/nile-icon/index.ts +3 -3
  21. package/src/nile-select/nile-select.css.ts +2 -2
  22. package/src/nile-tooltip/nile-tooltip.css.ts +2 -2
package/dist/nile-icon/index.esm.js CHANGED
@@ -1,4 +1,4 @@
1
- import{__decorate as s}from"tslib";import{css as i,LitElement as o,html as e}from"lit";import{property as m,state as t,customElement as r}from"lit/decorators.js";import{classMap as n}from"lit/directives/class-map.js";import{unsafeSVG as c}from"lit/directives/unsafe-svg.js";import{I as g}from"./icons/svg/index.esm.js";import{a as p}from"./aliasmap.esm.js";import"./icons/svg/access-request.esm.js";import"./icons/svg/accessreview.esm.js";import"./icons/svg/action.esm.js";import"./icons/svg/activity-logs.esm.js";import"./icons/svg/address.esm.js";import"./icons/svg/admin-users.esm.js";import"./icons/svg/agent.esm.js";import"./icons/svg/aggregation.esm.js";import"./icons/svg/alert-circle.esm.js";import"./icons/svg/alert.esm.js";import"./icons/svg/allapplication.esm.js";import"./icons/svg/allsearch.esm.js";import"./icons/svg/analytics.esm.js";import"./icons/svg/api.esm.js";import"./icons/svg/applications-2.esm.js";import"./icons/svg/apply-filter.esm.js";import"./icons/svg/apps.esm.js";import"./icons/svg/aquera.esm.js";import"./icons/svg/aquerasupport.esm.js";import"./icons/svg/array-loop.esm.js";import"./icons/svg/array-of-boolean.esm.js";import"./icons/svg/array-of-integer.esm.js";import"./icons/svg/array-of-string.esm.js";import"./icons/svg/array.esm.js";import"./icons/svg/arrayofobject.esm.js";import"./icons/svg/arrow-narrow-left.esm.js";import"./icons/svg/arrow.esm.js";import"./icons/svg/arrowdown.esm.js";import"./icons/svg/arrowdropdown.esm.js";import"./icons/svg/arrowdropup.esm.js";import"./icons/svg/arrowleft.esm.js";import"./icons/svg/arrowright.esm.js";import"./icons/svg/arrowup.esm.js";import"./icons/svg/attribute-map-analysis-icon.esm.js";import"./icons/svg/attributemap.esm.js";import"./icons/svg/automation-details.esm.js";import"./icons/svg/back.esm.js";import"./icons/svg/bar-and-line-chart.esm.js";import"./icons/svg/bar-chart-square-02.esm.js";import"./icons/svg/bar-chart.esm.js";import"./icons/svg/bargraph.esm.js";import"./icons/svg/block.esm.js";import"./icons/svg/bluedot.esm.js";import"./icons/svg/book-closed.esm.js";import"./icons/svg/boolean.esm.js";import"./icons/svg/border_all.esm.js";import"./icons/svg/box.esm.js";import"./icons/svg/bubble-chart.esm.js";import"./icons/svg/bulk-sync.esm.js";import"./icons/svg/button-loading-black.esm.js";import"./icons/svg/button-loading-blue-animated.esm.js";import"./icons/svg/button-loading-blue.esm.js";import"./icons/svg/button-loading-white.esm.js";import"./icons/svg/calendar.esm.js";import"./icons/svg/cases.esm.js";import"./icons/svg/cell-loader.esm.js";import"./icons/svg/certification.esm.js";import"./icons/svg/check-circle.esm.js";import"./icons/svg/check-done-01.esm.js";import"./icons/svg/check-done-02.esm.js";import"./icons/svg/chevron-left-double.esm.js";import"./icons/svg/chevron-up.esm.js";import"./icons/svg/clock-check.esm.js";import"./icons/svg/clock-rewind.esm.js";import"./icons/svg/clock.esm.js";import"./icons/svg/close.esm.js";import"./icons/svg/cloud-01.esm.js";import"./icons/svg/code-generator.esm.js";import"./icons/svg/collapse-1.esm.js";import"./icons/svg/collapse.esm.js";import"./icons/svg/color.esm.js";import"./icons/svg/column-02.esm.js";import"./icons/svg/columns-03.esm.js";import"./icons/svg/combo1.esm.js";import"./icons/svg/comment.esm.js";import"./icons/svg/compact.esm.js";import"./icons/svg/compare-tiles.esm.js";import"./icons/svg/compare.esm.js";import"./icons/svg/component-menu.esm.js";import"./icons/svg/component.esm.js";import"./icons/svg/components-icon.esm.js";import"./icons/svg/componenttext.esm.js";import"./icons/svg/condition.esm.js";import"./icons/svg/conditions.esm.js";import"./icons/svg/connect.esm.js";import"./icons/svg/connectivitymap.esm.js";import"./icons/svg/connectorrightarrow.esm.js";import"./icons/svg/copy-06.esm.js";import"./icons/svg/copy.esm.js";import"./icons/svg/cor-analysis.esm.js";import"./icons/svg/correlation.esm.js";import"./icons/svg/cost-analytics.esm.js";import"./icons/svg/create.esm.js";import"./icons/svg/createuser.esm.js";import"./icons/svg/dashboard.esm.js";import"./icons/svg/data-insight.esm.js";import"./icons/svg/data-type-array.esm.js";import"./icons/svg/data-type-boolean.esm.js";import"./icons/svg/data-type-json.esm.js";import"./icons/svg/data-type-null.esm.js";import"./icons/svg/data-type-number.esm.js";import"./icons/svg/data-type-string.esm.js";import"./icons/svg/data-type-unknown.esm.js";import"./icons/svg/database.esm.js";import"./icons/svg/databaseview.esm.js";import"./icons/svg/dataflow-03.esm.js";import"./icons/svg/dataflow-04.esm.js";import"./icons/svg/default-cursor.esm.js";import"./icons/svg/default.esm.js";import"./icons/svg/delegate.esm.js";import"./icons/svg/delete.esm.js";import"./icons/svg/deligateduser.esm.js";import"./icons/svg/directory.esm.js";import"./icons/svg/disabled.esm.js";import"./icons/svg/dock-to-right.esm.js";import"./icons/svg/document-new.esm.js";import"./icons/svg/done-02.esm.js";import"./icons/svg/done.esm.js";import"./icons/svg/dontmap.esm.js";import"./icons/svg/donut.esm.js";import"./icons/svg/dotpoints-02.esm.js";import"./icons/svg/dots-grid.esm.js";import"./icons/svg/doublearrowleft.esm.js";import"./icons/svg/doublearrowright.esm.js";import"./icons/svg/dowhileloop.esm.js";import"./icons/svg/downgrade.esm.js";import"./icons/svg/download.esm.js";import"./icons/svg/drag.esm.js";import"./icons/svg/edit-write.esm.js";import"./icons/svg/else.esm.js";import"./icons/svg/email.esm.js";import"./icons/svg/enable.esm.js";import"./icons/svg/entities.esm.js";import"./icons/svg/entitlement.esm.js";import"./icons/svg/error.esm.js";import"./icons/svg/escalate.esm.js";import"./icons/svg/exactmatch.esm.js";import"./icons/svg/execute.esm.js";import"./icons/svg/expand-03.esm.js";import"./icons/svg/expand-06.esm.js";import"./icons/svg/expand-2.esm.js";import"./icons/svg/expand.esm.js";import"./icons/svg/eye-off.esm.js";import"./icons/svg/eye.esm.js";import"./icons/svg/eyeclosed.esm.js";import"./icons/svg/featured-icon.esm.js";import"./icons/svg/file-06.esm.js";import"./icons/svg/file-check-02.esm.js";import"./icons/svg/file-shield-01.esm.js";import"./icons/svg/file-shield-02.esm.js";import"./icons/svg/file-type-icon.esm.js";import"./icons/svg/file.esm.js";import"./icons/svg/filter-1.esm.js";import"./icons/svg/filter.esm.js";import"./icons/svg/fingerprint-03.esm.js";import"./icons/svg/firewall.esm.js";import"./icons/svg/firewallagent.esm.js";import"./icons/svg/flow.esm.js";import"./icons/svg/flowmap-agent.esm.js";import"./icons/svg/flowmap-application.esm.js";import"./icons/svg/flowmap-colorpalatte.esm.js";import"./icons/svg/flowmap-firewall-agent.esm.js";import"./icons/svg/flowmap-firewall.esm.js";import"./icons/svg/flowmap-gateway.esm.js";import"./icons/svg/flowmap-orchestration.esm.js";import"./icons/svg/flowmap-undo.esm.js";import"./icons/svg/flowmap-workflow.esm.js";import"./icons/svg/flowmap.esm.js";import"./icons/svg/folder.esm.js";import"./icons/svg/foreach.esm.js";import"./icons/svg/frequency.esm.js";import"./icons/svg/full-union.esm.js";import"./icons/svg/fullscreen.esm.js";import"./icons/svg/fullscreenexit.esm.js";import"./icons/svg/fullscreenshrink.esm.js";import"./icons/svg/funnel-02.esm.js";import"./icons/svg/funnel.esm.js";import"./icons/svg/gateway.esm.js";import"./icons/svg/gauge.esm.js";import"./icons/svg/general.esm.js";import"./icons/svg/generationphase.esm.js";import"./icons/svg/global-search.esm.js";import"./icons/svg/globe-03.esm.js";import"./icons/svg/globe.esm.js";import"./icons/svg/goto.esm.js";import"./icons/svg/graph.esm.js";import"./icons/svg/graphedit.esm.js";import"./icons/svg/greendot.esm.js";import"./icons/svg/greydot.esm.js";import"./icons/svg/greylightdot.esm.js";import"./icons/svg/grid-01.esm.js";import"./icons/svg/group-analysis-icon.esm.js";import"./icons/svg/group.esm.js";import"./icons/svg/groupby.esm.js";import"./icons/svg/groups.esm.js";import"./icons/svg/guide-01.esm.js";import"./icons/svg/guide.esm.js";import"./icons/svg/handtool.esm.js";import"./icons/svg/header-child-workflow.esm.js";import"./icons/svg/header-flows.esm.js";import"./icons/svg/header-tasks.esm.js";import"./icons/svg/headphones-01.esm.js";import"./icons/svg/help.esm.js";import"./icons/svg/helpandsupport.esm.js";import"./icons/svg/helpers.esm.js";import"./icons/svg/helpsupport.esm.js";import"./icons/svg/history.esm.js";import"./icons/svg/identitygraph.esm.js";import"./icons/svg/identityledger.esm.js";import"./icons/svg/ifelse.esm.js";import"./icons/svg/ifelsenew.esm.js";import"./icons/svg/image.esm.js";import"./icons/svg/immutable.esm.js";import"./icons/svg/info-icon.esm.js";import"./icons/svg/info.esm.js";import"./icons/svg/inner-union.esm.js";import"./icons/svg/inprogress.esm.js";import"./icons/svg/insert-at-cursor.esm.js";import"./icons/svg/integer.esm.js";import"./icons/svg/intersection.esm.js";import"./icons/svg/js.esm.js";import"./icons/svg/key-performance-indicator.esm.js";import"./icons/svg/keyboard-01.esm.js";import"./icons/svg/kill.esm.js";import"./icons/svg/laptop-01.esm.js";import"./icons/svg/layers-three-02.esm.js";import"./icons/svg/layout-alt-02.esm.js";import"./icons/svg/layout-alt-03.esm.js";import"./icons/svg/left-join.esm.js";import"./icons/svg/left-union.esm.js";import"./icons/svg/leftpointarrow.esm.js";import"./icons/svg/life-buoy-01.esm.js";import"./icons/svg/line.esm.js";import"./icons/svg/link.esm.js";import"./icons/svg/list-attribute.esm.js";import"./icons/svg/list.esm.js";import"./icons/svg/loader.esm.js";import"./icons/svg/loading.esm.js";import"./icons/svg/loading2.esm.js";import"./icons/svg/lock.esm.js";import"./icons/svg/log-info.esm.js";import"./icons/svg/log.esm.js";import"./icons/svg/logo-white.esm.js";import"./icons/svg/logout.esm.js";import"./icons/svg/logs.esm.js";import"./icons/svg/loop.esm.js";import"./icons/svg/manage.esm.js";import"./icons/svg/map.esm.js";import"./icons/svg/mapcreate.esm.js";import"./icons/svg/mapdont.esm.js";import"./icons/svg/maponcreate.esm.js";import"./icons/svg/maponupdate.esm.js";import"./icons/svg/mapper.esm.js";import"./icons/svg/mapupdate.esm.js";import"./icons/svg/marker-pin-01.esm.js";import"./icons/svg/maximize.esm.js";import"./icons/svg/menu.esm.js";import"./icons/svg/message-notification-square.esm.js";import"./icons/svg/minus.esm.js";import"./icons/svg/monitor-01.esm.js";import"./icons/svg/mouse.esm.js";import"./icons/svg/move-application.esm.js";import"./icons/svg/moveleft.esm.js";import"./icons/svg/moveright.esm.js";import"./icons/svg/mute.esm.js";import"./icons/svg/my-integration.esm.js";import"./icons/svg/new-calendar.esm.js";import"./icons/svg/ng-activity.esm.js";import"./icons/svg/ng-align-center.esm.js";import"./icons/svg/ng-annotation-x.esm.js";import"./icons/svg/ng-bell-01.esm.js";import"./icons/svg/ng-bell-ringing-04.esm.js";import"./icons/svg/ng-bold-01.esm.js";import"./icons/svg/ng-calendar-plus-02.esm.js";import"./icons/svg/ng-calendar.esm.js";import"./icons/svg/ng-check-circle.esm.js";import"./icons/svg/ng-check-square-broken.esm.js";import"./icons/svg/ng-chevron-down.esm.js";import"./icons/svg/ng-chevron-left.esm.js";import"./icons/svg/ng-chevron-right.esm.js";import"./icons/svg/ng-chevron-selector-vertical.esm.js";import"./icons/svg/ng-chevron-up-double.esm.js";import"./icons/svg/ng-chevron-up.esm.js";import"./icons/svg/ng-copy-03.esm.js";import"./icons/svg/ng-dots-grid.esm.js";import"./icons/svg/ng-dots-vertical.esm.js";import"./icons/svg/ng-download-01.esm.js";import"./icons/svg/ng-dropdown.esm.js";import"./icons/svg/ng-edit-02.esm.js";import"./icons/svg/ng-edit-05.esm.js";import"./icons/svg/ng-expand-06.esm.js";import"./icons/svg/ng-file-check-02.esm.js";import"./icons/svg/ng-file-question-03.esm.js";import"./icons/svg/ng-filter-lines.esm.js";import"./icons/svg/ng-grid-01.esm.js";import"./icons/svg/ng-help-circle.esm.js";import"./icons/svg/ng-image-user-left.esm.js";import"./icons/svg/ng-info-circle.esm.js";import"./icons/svg/ng-italic-01.esm.js";import"./icons/svg/ng-list.esm.js";import"./icons/svg/ng-log-out-01.esm.js";import"./icons/svg/ng-mail-01.esm.js";import"./icons/svg/ng-mail-04.esm.js";import"./icons/svg/ng-menu-05.esm.js";import"./icons/svg/ng-message-text-square-01.esm.js";import"./icons/svg/ng-minimize-02.esm.js";import"./icons/svg/ng-plus.esm.js";import"./icons/svg/ng-rocket-02.esm.js";import"./icons/svg/ng-search-lg.esm.js";import"./icons/svg/ng-send-01.esm.js";import"./icons/svg/ng-settings-01.esm.js";import"./icons/svg/ng-share-06.esm.js";import"./icons/svg/ng-stars-02.esm.js";import"./icons/svg/ng-trash-01.esm.js";import"./icons/svg/ng-trash-03.esm.js";import"./icons/svg/ng-trend-up-01.esm.js";import"./icons/svg/ng-underline-01.esm.js";import"./icons/svg/ng-upload-01.esm.js";import"./icons/svg/ng-user-01.esm.js";import"./icons/svg/ng-user-check-02-1.esm.js";import"./icons/svg/ng-user-check-02.esm.js";import"./icons/svg/ng-user-plus-02.esm.js";import"./icons/svg/ng-user-right-01.esm.js";import"./icons/svg/ng-x-close.esm.js";import"./icons/svg/ng-x-square.esm.js";import"./icons/svg/nightingale-chart.esm.js";import"./icons/svg/nlp.esm.js";import"./icons/svg/nomatch.esm.js";import"./icons/svg/note.esm.js";import"./icons/svg/notification.esm.js";import"./icons/svg/notificationadd.esm.js";import"./icons/svg/notificationadded.esm.js";import"./icons/svg/null.esm.js";import"./icons/svg/number.esm.js";import"./icons/svg/numberinput.esm.js";import"./icons/svg/numbers.esm.js";import"./icons/svg/object.esm.js";import"./icons/svg/operators.esm.js";import"./icons/svg/options.esm.js";import"./icons/svg/orchestration-solid.esm.js";import"./icons/svg/orchestration.esm.js";import"./icons/svg/organization.esm.js";import"./icons/svg/other.esm.js";import"./icons/svg/otherdetails.esm.js";import"./icons/svg/override.esm.js";import"./icons/svg/palletemenu.esm.js";import"./icons/svg/paperclip.esm.js";import"./icons/svg/partner.esm.js";import"./icons/svg/partners.esm.js";import"./icons/svg/pause.esm.js";import"./icons/svg/pencil.esm.js";import"./icons/svg/peopletask.esm.js";import"./icons/svg/persistent-variable.esm.js";import"./icons/svg/persistentdata.esm.js";import"./icons/svg/phone.esm.js";import"./icons/svg/pie.esm.js";import"./icons/svg/pin.esm.js";import"./icons/svg/play.esm.js";import"./icons/svg/play_pause.esm.js";import"./icons/svg/plus.esm.js";import"./icons/svg/pluscircle.esm.js";import"./icons/svg/plussquare.esm.js";import"./icons/svg/policy.esm.js";import"./icons/svg/potentialmatch.esm.js";import"./icons/svg/poweron.esm.js";import"./icons/svg/predefined.esm.js";import"./icons/svg/preview.esm.js";import"./icons/svg/printer.esm.js";import"./icons/svg/priority-high.esm.js";import"./icons/svg/priority-highest.esm.js";import"./icons/svg/priority-low.esm.js";import"./icons/svg/priority-medium.esm.js";import"./icons/svg/privilage.esm.js";import"./icons/svg/privilege.esm.js";import"./icons/svg/privilegeobject.esm.js";import"./icons/svg/process.esm.js";import"./icons/svg/professionaldetails.esm.js";import"./icons/svg/question.esm.js";import"./icons/svg/radar.esm.js";import"./icons/svg/radio.esm.js";import"./icons/svg/radioactive.esm.js";import"./icons/svg/radiodone.esm.js";import"./icons/svg/read.esm.js";import"./icons/svg/readexpression.esm.js";import"./icons/svg/readonly.esm.js";import"./icons/svg/readonlyuser.esm.js";import"./icons/svg/readuser.esm.js";import"./icons/svg/reddot.esm.js";import"./icons/svg/redo-02.esm.js";import"./icons/svg/redo.esm.js";import"./icons/svg/refresh.esm.js";import"./icons/svg/reminder.esm.js";import"./icons/svg/resize.esm.js";import"./icons/svg/resource.esm.js";import"./icons/svg/resource_analysis.esm.js";import"./icons/svg/resource_graph.esm.js";import"./icons/svg/restart_alt.esm.js";import"./icons/svg/revocation-cycle.esm.js";import"./icons/svg/right-join.esm.js";import"./icons/svg/right-union.esm.js";import"./icons/svg/rocket-02.esm.js";import"./icons/svg/role.esm.js";import"./icons/svg/run.esm.js";import"./icons/svg/sankey.esm.js";import"./icons/svg/save.esm.js";import"./icons/svg/savings.esm.js";import"./icons/svg/scatter-plot.esm.js";import"./icons/svg/schedule.esm.js";import"./icons/svg/schema.esm.js";import"./icons/svg/script.esm.js";import"./icons/svg/search-steps-icon.esm.js";import"./icons/svg/search.esm.js";import"./icons/svg/section.esm.js";import"./icons/svg/select-02.esm.js";import"./icons/svg/select.esm.js";import"./icons/svg/selectapplication.esm.js";import"./icons/svg/selectattributes.esm.js";import"./icons/svg/semi-circle-donut-chart.esm.js";import"./icons/svg/send.esm.js";import"./icons/svg/sendemail.esm.js";import"./icons/svg/sendescalation.esm.js";import"./icons/svg/sendreminder.esm.js";import"./icons/svg/server-03.esm.js";import"./icons/svg/settings-02.esm.js";import"./icons/svg/settings.esm.js";import"./icons/svg/share.esm.js";import"./icons/svg/shield-01.esm.js";import"./icons/svg/smartcode.esm.js";import"./icons/svg/sort.esm.js";import"./icons/svg/sort_ascending.esm.js";import"./icons/svg/sort_descending.esm.js";import"./icons/svg/sortascending.esm.js";import"./icons/svg/sortdescending.esm.js";import"./icons/svg/sortdown.esm.js";import"./icons/svg/sortup.esm.js";import"./icons/svg/stacked-bar-chart.esm.js";import"./icons/svg/step_into.esm.js";import"./icons/svg/step_out.esm.js";import"./icons/svg/step_over.esm.js";import"./icons/svg/stop.esm.js";import"./icons/svg/storybook.esm.js";import"./icons/svg/string.esm.js";import"./icons/svg/stringinput.esm.js";import"./icons/svg/stringletters.esm.js";import"./icons/svg/support.esm.js";import"./icons/svg/swap.esm.js";import"./icons/svg/switch.esm.js";import"./icons/svg/sync.esm.js";import"./icons/svg/table.esm.js";import"./icons/svg/tag.esm.js";import"./icons/svg/test.esm.js";import"./icons/svg/text-02.esm.js";import"./icons/svg/text.esm.js";import"./icons/svg/textarea-expander.esm.js";import"./icons/svg/thumbsdown.esm.js";import"./icons/svg/thumbsup.esm.js";import"./icons/svg/thumsup.esm.js";import"./icons/svg/tick.esm.js";import"./icons/svg/timeupdate.esm.js";import"./icons/svg/timezone.esm.js";import"./icons/svg/transaction_monitor.esm.js";import"./icons/svg/trend-up-02.esm.js";import"./icons/svg/trigger.esm.js";import"./icons/svg/undo-02.esm.js";import"./icons/svg/undo.esm.js";import"./icons/svg/union.esm.js";import"./icons/svg/unmute.esm.js";import"./icons/svg/update.esm.js";import"./icons/svg/updown.esm.js";import"./icons/svg/upgrade.esm.js";import"./icons/svg/upload.esm.js";import"./icons/svg/user-group.esm.js";import"./icons/svg/user.esm.js";import"./icons/svg/useractive.esm.js";import"./icons/svg/useradd.esm.js";import"./icons/svg/useraddgroup.esm.js";import"./icons/svg/userfind.esm.js";import"./icons/svg/userimport.esm.js";import"./icons/svg/userimportgroup.esm.js";import"./icons/svg/usermixed.esm.js";import"./icons/svg/userremove.esm.js";import"./icons/svg/userremovegroup.esm.js";import"./icons/svg/users-plus.esm.js";import"./icons/svg/users-up.esm.js";import"./icons/svg/users.esm.js";import"./icons/svg/userupdate.esm.js";import"./icons/svg/validationexpression.esm.js";import"./icons/svg/variable-global.esm.js";import"./icons/svg/variable-local.esm.js";import"./icons/svg/variable-new.esm.js";import"./icons/svg/variable.esm.js";import"./icons/svg/video.esm.js";import"./icons/svg/view.esm.js";import"./icons/svg/virtualserver.esm.js";import"./icons/svg/virtualservergroup.esm.js";import"./icons/svg/visibility.esm.js";import"./icons/svg/visibilityoff.esm.js";import"./icons/svg/wait.esm.js";import"./icons/svg/warning-01.esm.js";import"./icons/svg/warning.esm.js";import"./icons/svg/whileloop.esm.js";import"./icons/svg/workflow-application.esm.js";import"./icons/svg/workflow-text.esm.js";import"./icons/svg/workflow.esm.js";import"./icons/svg/writeexpression.esm.js";const v=g;let j=class extends o{constructor(){super(...arguments),this.set="local",this.description="",this.method="fill",this.size=16,this.size_token="16px",this._svg="",this.title="agents",this.push=!1,this.noFill=!1}_getIconSize(){return this.name?.endsWith("-small")?16:24}async updated(s){if(s.has("size")?(this.style.setProperty("--nile-svg-height",`${this.size}px`),this.style.setProperty("--nile-svg-width",`${this.size}px`)):s.has("size_token")&&(this.style.setProperty("--nile-svg-height",`${this.size_token}`),this.style.setProperty("--nile-svg-width",`${this.size_token}`)),s.has("color")&&this.style.setProperty("--nile-svg-fill",`${this.color}`),s.has("name")||s.has("customSvgPath")){const s=this.name?.replace(/-/g,"")??"",i=p[s]||s;i&&v[i]?this._svg=atob(v[i]):this.customSvgPath&&(this._svg=await this.fetchSvg(this.customSvgPath))}this.addAttributesToSvg()}addAttributesToSvg(){const s=this.renderRoot.querySelector("#svg"),i=s?.attributes;if(i?.getNamedItem("xmlns")||s?.setAttribute("xmlns","http://www.w3.org/2000/svg"),i?.getNamedItem("version")||s?.setAttribute("version","1.1"),this.frame)s?.setAttribute("viewBox",`0 0 ${this.frame} ${this.frame}`);else if(!i?.getNamedItem("viewBox")){const i=this.frame?`0 0 ${this.frame} ${this.frame}`:"0 0 16 16";s?.setAttribute("viewBox",i)}i?.getNamedItem("height")||(s?.setAttribute("height",String(this.size)),s?.setAttribute("width",String(this.size))),s?.setAttribute("aria-hidden",`${""===this.description}`),s?.setAttribute("aria-label",this.description||"");const o=Object.keys(this.buttonClassMap).filter((s=>this.buttonClassMap[s]));s?.classList.add("nds-icon",...o)}async fetchSvg(s){const i=await fetch(s);if(!i.ok)throw new Error(`HTTP error! status: ${i.status}`);return await i.text()}removeHyphens(s){return s.replace(/-/g,"")}getSvgTemplate(){const s=/<svg\s[^>]*>/,i=this._svg.match(s),o=i?.[0].replace("<svg","").replace(">","");return`<svg\n id='svg'\n focusable='true'\n role='img'\n ${o}\n >\n ${this._svg.replace(s,"").replace("</svg>","")}\n </svg>`}get buttonClassMap(){return{stroke:"fill"!=this.method,"nds-icon--push":this.push,"no-fill":this.noFill}}render(){return this.size,this.color,!this.frame||(this.frame,this.frame),this._svg.includes("fill=")&&!this._svg.includes('fill="inherit"')||this.color?this.color&&this.style.setProperty("--nile-svg-fill",`${this.color}`):this.style.setProperty("--nile-svg-fill","var(--nile-colors-dark-500,var(--ng-colors-fg-secondary-700))"),e`
1
+ import{__decorate as s}from"tslib";import{css as i,LitElement as o,html as e}from"lit";import{property as m,state as t,customElement as r}from"lit/decorators.js";import{classMap as n}from"lit/directives/class-map.js";import{unsafeSVG as c}from"lit/directives/unsafe-svg.js";import{I as g}from"./icons/svg/index.esm.js";import{a as p}from"./aliasmap.esm.js";import"./icons/svg/access-request.esm.js";import"./icons/svg/accessreview.esm.js";import"./icons/svg/action.esm.js";import"./icons/svg/activity-logs.esm.js";import"./icons/svg/address.esm.js";import"./icons/svg/admin-users.esm.js";import"./icons/svg/agent.esm.js";import"./icons/svg/aggregation.esm.js";import"./icons/svg/alert-circle.esm.js";import"./icons/svg/alert.esm.js";import"./icons/svg/allapplication.esm.js";import"./icons/svg/allsearch.esm.js";import"./icons/svg/analytics.esm.js";import"./icons/svg/api.esm.js";import"./icons/svg/applications-2.esm.js";import"./icons/svg/apply-filter.esm.js";import"./icons/svg/apps.esm.js";import"./icons/svg/aquera.esm.js";import"./icons/svg/aquerasupport.esm.js";import"./icons/svg/array-loop.esm.js";import"./icons/svg/array-of-boolean.esm.js";import"./icons/svg/array-of-integer.esm.js";import"./icons/svg/array-of-string.esm.js";import"./icons/svg/array.esm.js";import"./icons/svg/arrayofobject.esm.js";import"./icons/svg/arrow-narrow-left.esm.js";import"./icons/svg/arrow.esm.js";import"./icons/svg/arrowdown.esm.js";import"./icons/svg/arrowdropdown.esm.js";import"./icons/svg/arrowdropup.esm.js";import"./icons/svg/arrowleft.esm.js";import"./icons/svg/arrowright.esm.js";import"./icons/svg/arrowup.esm.js";import"./icons/svg/attribute-map-analysis-icon.esm.js";import"./icons/svg/attributemap.esm.js";import"./icons/svg/automation-details.esm.js";import"./icons/svg/back.esm.js";import"./icons/svg/bar-and-line-chart.esm.js";import"./icons/svg/bar-chart-square-02.esm.js";import"./icons/svg/bar-chart.esm.js";import"./icons/svg/bargraph.esm.js";import"./icons/svg/block.esm.js";import"./icons/svg/bluedot.esm.js";import"./icons/svg/book-closed.esm.js";import"./icons/svg/boolean.esm.js";import"./icons/svg/border_all.esm.js";import"./icons/svg/box.esm.js";import"./icons/svg/bubble-chart.esm.js";import"./icons/svg/bulk-sync.esm.js";import"./icons/svg/button-loading-black.esm.js";import"./icons/svg/button-loading-blue-animated.esm.js";import"./icons/svg/button-loading-blue.esm.js";import"./icons/svg/button-loading-white.esm.js";import"./icons/svg/calendar.esm.js";import"./icons/svg/cases.esm.js";import"./icons/svg/cell-loader.esm.js";import"./icons/svg/certification.esm.js";import"./icons/svg/check-circle.esm.js";import"./icons/svg/check-done-01.esm.js";import"./icons/svg/check-done-02.esm.js";import"./icons/svg/chevron-left-double.esm.js";import"./icons/svg/chevron-up.esm.js";import"./icons/svg/clock-check.esm.js";import"./icons/svg/clock-rewind.esm.js";import"./icons/svg/clock.esm.js";import"./icons/svg/close.esm.js";import"./icons/svg/cloud-01.esm.js";import"./icons/svg/code-generator.esm.js";import"./icons/svg/collapse-1.esm.js";import"./icons/svg/collapse.esm.js";import"./icons/svg/color.esm.js";import"./icons/svg/column-02.esm.js";import"./icons/svg/columns-03.esm.js";import"./icons/svg/combo1.esm.js";import"./icons/svg/comment.esm.js";import"./icons/svg/compact.esm.js";import"./icons/svg/compare-tiles.esm.js";import"./icons/svg/compare.esm.js";import"./icons/svg/component-menu.esm.js";import"./icons/svg/component.esm.js";import"./icons/svg/components-icon.esm.js";import"./icons/svg/componenttext.esm.js";import"./icons/svg/condition.esm.js";import"./icons/svg/conditions.esm.js";import"./icons/svg/connect.esm.js";import"./icons/svg/connectivitymap.esm.js";import"./icons/svg/connectorrightarrow.esm.js";import"./icons/svg/copy-06.esm.js";import"./icons/svg/copy.esm.js";import"./icons/svg/cor-analysis.esm.js";import"./icons/svg/correlation.esm.js";import"./icons/svg/cost-analytics.esm.js";import"./icons/svg/create.esm.js";import"./icons/svg/createuser.esm.js";import"./icons/svg/dashboard.esm.js";import"./icons/svg/data-insight.esm.js";import"./icons/svg/data-type-array.esm.js";import"./icons/svg/data-type-boolean.esm.js";import"./icons/svg/data-type-json.esm.js";import"./icons/svg/data-type-null.esm.js";import"./icons/svg/data-type-number.esm.js";import"./icons/svg/data-type-string.esm.js";import"./icons/svg/data-type-unknown.esm.js";import"./icons/svg/database.esm.js";import"./icons/svg/databaseview.esm.js";import"./icons/svg/dataflow-03.esm.js";import"./icons/svg/dataflow-04.esm.js";import"./icons/svg/default-cursor.esm.js";import"./icons/svg/default.esm.js";import"./icons/svg/delegate.esm.js";import"./icons/svg/delete.esm.js";import"./icons/svg/deligateduser.esm.js";import"./icons/svg/directory.esm.js";import"./icons/svg/disabled.esm.js";import"./icons/svg/dock-to-right.esm.js";import"./icons/svg/document-new.esm.js";import"./icons/svg/done-02.esm.js";import"./icons/svg/done.esm.js";import"./icons/svg/dontmap.esm.js";import"./icons/svg/donut.esm.js";import"./icons/svg/dotpoints-02.esm.js";import"./icons/svg/dots-grid.esm.js";import"./icons/svg/doublearrowleft.esm.js";import"./icons/svg/doublearrowright.esm.js";import"./icons/svg/dowhileloop.esm.js";import"./icons/svg/downgrade.esm.js";import"./icons/svg/download.esm.js";import"./icons/svg/drag.esm.js";import"./icons/svg/edit-write.esm.js";import"./icons/svg/else.esm.js";import"./icons/svg/email.esm.js";import"./icons/svg/enable.esm.js";import"./icons/svg/entities.esm.js";import"./icons/svg/entitlement.esm.js";import"./icons/svg/error.esm.js";import"./icons/svg/escalate.esm.js";import"./icons/svg/exactmatch.esm.js";import"./icons/svg/execute.esm.js";import"./icons/svg/expand-03.esm.js";import"./icons/svg/expand-06.esm.js";import"./icons/svg/expand-2.esm.js";import"./icons/svg/expand.esm.js";import"./icons/svg/eye-off.esm.js";import"./icons/svg/eye.esm.js";import"./icons/svg/eyeclosed.esm.js";import"./icons/svg/featured-icon.esm.js";import"./icons/svg/file-06.esm.js";import"./icons/svg/file-check-02.esm.js";import"./icons/svg/file-shield-01.esm.js";import"./icons/svg/file-shield-02.esm.js";import"./icons/svg/file-type-icon.esm.js";import"./icons/svg/file.esm.js";import"./icons/svg/filter-1.esm.js";import"./icons/svg/filter.esm.js";import"./icons/svg/fingerprint-03.esm.js";import"./icons/svg/firewall.esm.js";import"./icons/svg/firewallagent.esm.js";import"./icons/svg/flow.esm.js";import"./icons/svg/flowmap-agent.esm.js";import"./icons/svg/flowmap-application.esm.js";import"./icons/svg/flowmap-colorpalatte.esm.js";import"./icons/svg/flowmap-firewall-agent.esm.js";import"./icons/svg/flowmap-firewall.esm.js";import"./icons/svg/flowmap-gateway.esm.js";import"./icons/svg/flowmap-orchestration.esm.js";import"./icons/svg/flowmap-undo.esm.js";import"./icons/svg/flowmap-workflow.esm.js";import"./icons/svg/flowmap.esm.js";import"./icons/svg/folder.esm.js";import"./icons/svg/foreach.esm.js";import"./icons/svg/frequency.esm.js";import"./icons/svg/full-union.esm.js";import"./icons/svg/fullscreen.esm.js";import"./icons/svg/fullscreenexit.esm.js";import"./icons/svg/fullscreenshrink.esm.js";import"./icons/svg/funnel-02.esm.js";import"./icons/svg/funnel.esm.js";import"./icons/svg/gateway.esm.js";import"./icons/svg/gauge.esm.js";import"./icons/svg/general.esm.js";import"./icons/svg/generationphase.esm.js";import"./icons/svg/global-search.esm.js";import"./icons/svg/globe-03.esm.js";import"./icons/svg/globe.esm.js";import"./icons/svg/goto.esm.js";import"./icons/svg/graph.esm.js";import"./icons/svg/graphedit.esm.js";import"./icons/svg/greendot.esm.js";import"./icons/svg/greydot.esm.js";import"./icons/svg/greylightdot.esm.js";import"./icons/svg/grid-01.esm.js";import"./icons/svg/group-analysis-icon.esm.js";import"./icons/svg/group.esm.js";import"./icons/svg/groupby.esm.js";import"./icons/svg/groups.esm.js";import"./icons/svg/guide-01.esm.js";import"./icons/svg/guide.esm.js";import"./icons/svg/handtool.esm.js";import"./icons/svg/header-child-workflow.esm.js";import"./icons/svg/header-flows.esm.js";import"./icons/svg/header-tasks.esm.js";import"./icons/svg/headphones-01.esm.js";import"./icons/svg/help.esm.js";import"./icons/svg/helpandsupport.esm.js";import"./icons/svg/helpers.esm.js";import"./icons/svg/helpsupport.esm.js";import"./icons/svg/history.esm.js";import"./icons/svg/identitygraph.esm.js";import"./icons/svg/identityledger.esm.js";import"./icons/svg/ifelse.esm.js";import"./icons/svg/ifelsenew.esm.js";import"./icons/svg/image.esm.js";import"./icons/svg/immutable.esm.js";import"./icons/svg/info-icon.esm.js";import"./icons/svg/info.esm.js";import"./icons/svg/inner-union.esm.js";import"./icons/svg/inprogress.esm.js";import"./icons/svg/insert-at-cursor.esm.js";import"./icons/svg/integer.esm.js";import"./icons/svg/intersection.esm.js";import"./icons/svg/js.esm.js";import"./icons/svg/key-performance-indicator.esm.js";import"./icons/svg/keyboard-01.esm.js";import"./icons/svg/kill.esm.js";import"./icons/svg/laptop-01.esm.js";import"./icons/svg/layers-three-02.esm.js";import"./icons/svg/layout-alt-02.esm.js";import"./icons/svg/layout-alt-03.esm.js";import"./icons/svg/left-join.esm.js";import"./icons/svg/left-union.esm.js";import"./icons/svg/leftpointarrow.esm.js";import"./icons/svg/life-buoy-01.esm.js";import"./icons/svg/line.esm.js";import"./icons/svg/link.esm.js";import"./icons/svg/list-attribute.esm.js";import"./icons/svg/list.esm.js";import"./icons/svg/loader.esm.js";import"./icons/svg/loading.esm.js";import"./icons/svg/loading2.esm.js";import"./icons/svg/lock.esm.js";import"./icons/svg/log-info.esm.js";import"./icons/svg/log.esm.js";import"./icons/svg/logo-white.esm.js";import"./icons/svg/logout.esm.js";import"./icons/svg/logs.esm.js";import"./icons/svg/loop.esm.js";import"./icons/svg/manage.esm.js";import"./icons/svg/map.esm.js";import"./icons/svg/mapcreate.esm.js";import"./icons/svg/mapdont.esm.js";import"./icons/svg/maponcreate.esm.js";import"./icons/svg/maponupdate.esm.js";import"./icons/svg/mapper.esm.js";import"./icons/svg/mapupdate.esm.js";import"./icons/svg/marker-pin-01.esm.js";import"./icons/svg/maximize.esm.js";import"./icons/svg/menu.esm.js";import"./icons/svg/message-notification-square.esm.js";import"./icons/svg/minus.esm.js";import"./icons/svg/monitor-01.esm.js";import"./icons/svg/mouse.esm.js";import"./icons/svg/move-application.esm.js";import"./icons/svg/moveleft.esm.js";import"./icons/svg/moveright.esm.js";import"./icons/svg/mute.esm.js";import"./icons/svg/my-integration.esm.js";import"./icons/svg/new-calendar.esm.js";import"./icons/svg/ng-activity.esm.js";import"./icons/svg/ng-align-center.esm.js";import"./icons/svg/ng-annotation-x.esm.js";import"./icons/svg/ng-bell-01.esm.js";import"./icons/svg/ng-bell-ringing-04.esm.js";import"./icons/svg/ng-bold-01.esm.js";import"./icons/svg/ng-calendar-plus-02.esm.js";import"./icons/svg/ng-calendar.esm.js";import"./icons/svg/ng-check-circle.esm.js";import"./icons/svg/ng-check-square-broken.esm.js";import"./icons/svg/ng-chevron-down.esm.js";import"./icons/svg/ng-chevron-left.esm.js";import"./icons/svg/ng-chevron-right.esm.js";import"./icons/svg/ng-chevron-selector-vertical.esm.js";import"./icons/svg/ng-chevron-up-double.esm.js";import"./icons/svg/ng-chevron-up.esm.js";import"./icons/svg/ng-copy-03.esm.js";import"./icons/svg/ng-dots-grid.esm.js";import"./icons/svg/ng-dots-vertical.esm.js";import"./icons/svg/ng-download-01.esm.js";import"./icons/svg/ng-dropdown.esm.js";import"./icons/svg/ng-edit-02.esm.js";import"./icons/svg/ng-edit-05.esm.js";import"./icons/svg/ng-expand-06.esm.js";import"./icons/svg/ng-file-check-02.esm.js";import"./icons/svg/ng-file-question-03.esm.js";import"./icons/svg/ng-filter-lines.esm.js";import"./icons/svg/ng-grid-01.esm.js";import"./icons/svg/ng-help-circle.esm.js";import"./icons/svg/ng-image-user-left.esm.js";import"./icons/svg/ng-info-circle.esm.js";import"./icons/svg/ng-italic-01.esm.js";import"./icons/svg/ng-list.esm.js";import"./icons/svg/ng-log-out-01.esm.js";import"./icons/svg/ng-mail-01.esm.js";import"./icons/svg/ng-mail-04.esm.js";import"./icons/svg/ng-menu-05.esm.js";import"./icons/svg/ng-message-text-square-01.esm.js";import"./icons/svg/ng-minimize-02.esm.js";import"./icons/svg/ng-plus.esm.js";import"./icons/svg/ng-rocket-02.esm.js";import"./icons/svg/ng-search-lg.esm.js";import"./icons/svg/ng-send-01.esm.js";import"./icons/svg/ng-settings-01.esm.js";import"./icons/svg/ng-share-06.esm.js";import"./icons/svg/ng-stars-02.esm.js";import"./icons/svg/ng-trash-01.esm.js";import"./icons/svg/ng-trash-03.esm.js";import"./icons/svg/ng-trend-up-01.esm.js";import"./icons/svg/ng-underline-01.esm.js";import"./icons/svg/ng-upload-01.esm.js";import"./icons/svg/ng-user-01.esm.js";import"./icons/svg/ng-user-check-02-1.esm.js";import"./icons/svg/ng-user-check-02.esm.js";import"./icons/svg/ng-user-plus-02.esm.js";import"./icons/svg/ng-user-right-01.esm.js";import"./icons/svg/ng-x-close.esm.js";import"./icons/svg/ng-x-square.esm.js";import"./icons/svg/nightingale-chart.esm.js";import"./icons/svg/nlp.esm.js";import"./icons/svg/nomatch.esm.js";import"./icons/svg/note.esm.js";import"./icons/svg/notification.esm.js";import"./icons/svg/notificationadd.esm.js";import"./icons/svg/notificationadded.esm.js";import"./icons/svg/null.esm.js";import"./icons/svg/number.esm.js";import"./icons/svg/numberinput.esm.js";import"./icons/svg/numbers.esm.js";import"./icons/svg/object.esm.js";import"./icons/svg/operators.esm.js";import"./icons/svg/options.esm.js";import"./icons/svg/orchestration-solid.esm.js";import"./icons/svg/orchestration.esm.js";import"./icons/svg/organization.esm.js";import"./icons/svg/other.esm.js";import"./icons/svg/otherdetails.esm.js";import"./icons/svg/override.esm.js";import"./icons/svg/palletemenu.esm.js";import"./icons/svg/paperclip.esm.js";import"./icons/svg/partner.esm.js";import"./icons/svg/partners.esm.js";import"./icons/svg/pause.esm.js";import"./icons/svg/pencil.esm.js";import"./icons/svg/peopletask.esm.js";import"./icons/svg/persistent-variable.esm.js";import"./icons/svg/persistentdata.esm.js";import"./icons/svg/phone.esm.js";import"./icons/svg/pie.esm.js";import"./icons/svg/pin.esm.js";import"./icons/svg/play.esm.js";import"./icons/svg/play_pause.esm.js";import"./icons/svg/plus.esm.js";import"./icons/svg/pluscircle.esm.js";import"./icons/svg/plussquare.esm.js";import"./icons/svg/policy.esm.js";import"./icons/svg/potentialmatch.esm.js";import"./icons/svg/poweron.esm.js";import"./icons/svg/predefined.esm.js";import"./icons/svg/preview.esm.js";import"./icons/svg/printer.esm.js";import"./icons/svg/priority-high.esm.js";import"./icons/svg/priority-highest.esm.js";import"./icons/svg/priority-low.esm.js";import"./icons/svg/priority-medium.esm.js";import"./icons/svg/privilage.esm.js";import"./icons/svg/privilege.esm.js";import"./icons/svg/privilegeobject.esm.js";import"./icons/svg/process.esm.js";import"./icons/svg/professionaldetails.esm.js";import"./icons/svg/question.esm.js";import"./icons/svg/radar.esm.js";import"./icons/svg/radio.esm.js";import"./icons/svg/radioactive.esm.js";import"./icons/svg/radiodone.esm.js";import"./icons/svg/read.esm.js";import"./icons/svg/readexpression.esm.js";import"./icons/svg/readonly.esm.js";import"./icons/svg/readonlyuser.esm.js";import"./icons/svg/readuser.esm.js";import"./icons/svg/reddot.esm.js";import"./icons/svg/redo-02.esm.js";import"./icons/svg/redo.esm.js";import"./icons/svg/refresh.esm.js";import"./icons/svg/reminder.esm.js";import"./icons/svg/resize.esm.js";import"./icons/svg/resource.esm.js";import"./icons/svg/resource_analysis.esm.js";import"./icons/svg/resource_graph.esm.js";import"./icons/svg/restart_alt.esm.js";import"./icons/svg/revocation-cycle.esm.js";import"./icons/svg/right-join.esm.js";import"./icons/svg/right-union.esm.js";import"./icons/svg/rocket-02.esm.js";import"./icons/svg/role.esm.js";import"./icons/svg/run.esm.js";import"./icons/svg/sankey.esm.js";import"./icons/svg/save.esm.js";import"./icons/svg/savings.esm.js";import"./icons/svg/scatter-plot.esm.js";import"./icons/svg/schedule.esm.js";import"./icons/svg/schema.esm.js";import"./icons/svg/script.esm.js";import"./icons/svg/search-steps-icon.esm.js";import"./icons/svg/search.esm.js";import"./icons/svg/section.esm.js";import"./icons/svg/select-02.esm.js";import"./icons/svg/select.esm.js";import"./icons/svg/selectapplication.esm.js";import"./icons/svg/selectattributes.esm.js";import"./icons/svg/semi-circle-donut-chart.esm.js";import"./icons/svg/send.esm.js";import"./icons/svg/sendemail.esm.js";import"./icons/svg/sendescalation.esm.js";import"./icons/svg/sendreminder.esm.js";import"./icons/svg/server-03.esm.js";import"./icons/svg/settings-02.esm.js";import"./icons/svg/settings.esm.js";import"./icons/svg/share.esm.js";import"./icons/svg/shield-01.esm.js";import"./icons/svg/smartcode.esm.js";import"./icons/svg/sort.esm.js";import"./icons/svg/sort_ascending.esm.js";import"./icons/svg/sort_descending.esm.js";import"./icons/svg/sortascending.esm.js";import"./icons/svg/sortdescending.esm.js";import"./icons/svg/sortdown.esm.js";import"./icons/svg/sortup.esm.js";import"./icons/svg/stacked-bar-chart.esm.js";import"./icons/svg/step_into.esm.js";import"./icons/svg/step_out.esm.js";import"./icons/svg/step_over.esm.js";import"./icons/svg/stop.esm.js";import"./icons/svg/storybook.esm.js";import"./icons/svg/string.esm.js";import"./icons/svg/stringinput.esm.js";import"./icons/svg/stringletters.esm.js";import"./icons/svg/support.esm.js";import"./icons/svg/swap.esm.js";import"./icons/svg/switch.esm.js";import"./icons/svg/sync.esm.js";import"./icons/svg/table.esm.js";import"./icons/svg/tag.esm.js";import"./icons/svg/test.esm.js";import"./icons/svg/text-02.esm.js";import"./icons/svg/text.esm.js";import"./icons/svg/textarea-expander.esm.js";import"./icons/svg/thumbsdown.esm.js";import"./icons/svg/thumbsup.esm.js";import"./icons/svg/thumsup.esm.js";import"./icons/svg/tick.esm.js";import"./icons/svg/timeupdate.esm.js";import"./icons/svg/timezone.esm.js";import"./icons/svg/transaction_monitor.esm.js";import"./icons/svg/trend-up-02.esm.js";import"./icons/svg/trigger.esm.js";import"./icons/svg/undo-02.esm.js";import"./icons/svg/undo.esm.js";import"./icons/svg/union.esm.js";import"./icons/svg/unmute.esm.js";import"./icons/svg/update.esm.js";import"./icons/svg/updown.esm.js";import"./icons/svg/upgrade.esm.js";import"./icons/svg/upload.esm.js";import"./icons/svg/user-group.esm.js";import"./icons/svg/user.esm.js";import"./icons/svg/useractive.esm.js";import"./icons/svg/useradd.esm.js";import"./icons/svg/useraddgroup.esm.js";import"./icons/svg/userfind.esm.js";import"./icons/svg/userimport.esm.js";import"./icons/svg/userimportgroup.esm.js";import"./icons/svg/usermixed.esm.js";import"./icons/svg/userremove.esm.js";import"./icons/svg/userremovegroup.esm.js";import"./icons/svg/users-plus.esm.js";import"./icons/svg/users-up.esm.js";import"./icons/svg/users.esm.js";import"./icons/svg/userupdate.esm.js";import"./icons/svg/validationexpression.esm.js";import"./icons/svg/variable-global.esm.js";import"./icons/svg/variable-local.esm.js";import"./icons/svg/variable-new.esm.js";import"./icons/svg/variable.esm.js";import"./icons/svg/video.esm.js";import"./icons/svg/view.esm.js";import"./icons/svg/virtualserver.esm.js";import"./icons/svg/virtualservergroup.esm.js";import"./icons/svg/visibility.esm.js";import"./icons/svg/visibilityoff.esm.js";import"./icons/svg/wait.esm.js";import"./icons/svg/warning-01.esm.js";import"./icons/svg/warning.esm.js";import"./icons/svg/whileloop.esm.js";import"./icons/svg/workflow-application.esm.js";import"./icons/svg/workflow-text.esm.js";import"./icons/svg/workflow.esm.js";import"./icons/svg/writeexpression.esm.js";const v=g;let j=class extends o{constructor(){super(...arguments),this.set="local",this.description="",this.method="fill",this.size=16,this.size_token="16px",this._svg="",this.title="agents",this.push=!1,this.noFill=!1}_getIconSize(){return this.name?.endsWith("-small")?16:24}async updated(s){if(s.has("size")&&(this.style.setProperty("--nile-svg-height",`${this.size}px`),this.style.setProperty("--nile-svg-width",`${this.size}px`)),s.has("size_token")&&(this.style.setProperty("--nile-svg-height",`${this.size_token}`),this.style.setProperty("--nile-svg-width",`${this.size_token}`)),s.has("color")&&this.style.setProperty("--nile-svg-fill",`${this.color}`),s.has("name")||s.has("customSvgPath")){const s=this.name?.replace(/-/g,"")??"",i=p[s]||s;i&&v[i]?this._svg=atob(v[i]):this.customSvgPath&&(this._svg=await this.fetchSvg(this.customSvgPath))}this.addAttributesToSvg()}addAttributesToSvg(){const s=this.renderRoot.querySelector("#svg"),i=s?.attributes;if(i?.getNamedItem("xmlns")||s?.setAttribute("xmlns","http://www.w3.org/2000/svg"),i?.getNamedItem("version")||s?.setAttribute("version","1.1"),this.frame)s?.setAttribute("viewBox",`0 0 ${this.frame} ${this.frame}`);else if(!i?.getNamedItem("viewBox")){const i=this.frame?`0 0 ${this.frame} ${this.frame}`:"0 0 16 16";s?.setAttribute("viewBox",i)}i?.getNamedItem("height")||(s?.setAttribute("height",String(this.size)),s?.setAttribute("width",String(this.size))),s?.setAttribute("aria-hidden",`${""===this.description}`),s?.setAttribute("aria-label",this.description||"");const o=Object.keys(this.buttonClassMap).filter((s=>this.buttonClassMap[s]));s?.classList.add("nds-icon",...o)}async fetchSvg(s){const i=await fetch(s);if(!i.ok)throw new Error(`HTTP error! status: ${i.status}`);return await i.text()}removeHyphens(s){return s.replace(/-/g,"")}getSvgTemplate(){const s=/<svg\s[^>]*>/,i=this._svg.match(s),o=i?.[0].replace("<svg","").replace(">","");return`<svg\n id='svg'\n focusable='true'\n role='img'\n ${o}\n >\n ${this._svg.replace(s,"").replace("</svg>","")}\n </svg>`}get buttonClassMap(){return{stroke:"fill"!=this.method,"nds-icon--push":this.push,"no-fill":this.noFill}}render(){return this.size,this.color,!this.frame||(this.frame,this.frame),this._svg.includes("fill=")&&!this._svg.includes('fill="inherit"')||this.color?this.color&&this.style.setProperty("--nile-svg-fill",`${this.color}`):this.style.setProperty("--nile-svg-fill","var(--nile-colors-dark-500,var(--ng-colors-fg-secondary-700))"),e`
2
2
  <span class="nds-icon ${n(this.buttonClassMap)}">
3
3
  ${c(this.getSvgTemplate())}
4
4
  </span>
@@ -26,7 +26,7 @@ import{__decorate as s}from"tslib";import{css as i,LitElement as o,html as e}fro
26
26
  stroke: var(--nile-svg-stroke);
27
27
  }
28
28
 
29
- .nds-icon svg path {
29
+ .nds-icon svg * {
30
30
  fill: var(--nile-svg-fill);
31
31
  }
32
32
 
@@ -43,4 +43,4 @@ import{__decorate as s}from"tslib";import{css as i,LitElement as o,html as e}fro
43
43
  .nds-icon--push {
44
44
  margin-right: var(--nile-spacing-lg);
45
45
  }
46
- `,s([m({type:String,reflect:!0})],j.prototype,"set",void 0),s([m({type:String,reflect:!0})],j.prototype,"name",void 0),s([m({type:String,reflect:!0})],j.prototype,"description",void 0),s([m({type:String,reflect:!0})],j.prototype,"method",void 0),s([m({type:String})],j.prototype,"customSvgPath",void 0),s([m({type:String,reflect:!0})],j.prototype,"size",void 0),s([m({type:String})],j.prototype,"size_token",void 0),s([t()],j.prototype,"_svg",void 0),s([m({type:String})],j.prototype,"title",void 0),s([m({reflect:!0})],j.prototype,"color",void 0),s([m({type:Boolean})],j.prototype,"push",void 0),s([m({type:Boolean})],j.prototype,"noFill",void 0),s([m({reflect:!0})],j.prototype,"frame",void 0),j=s([r("nile-icon")],j);
46
+ `,s([m({type:String,reflect:!0})],j.prototype,"set",void 0),s([m({type:String,reflect:!0})],j.prototype,"name",void 0),s([m({type:String,reflect:!0})],j.prototype,"description",void 0),s([m({type:String,reflect:!0})],j.prototype,"method",void 0),s([m({type:String})],j.prototype,"customSvgPath",void 0),s([m({type:String,reflect:!0})],j.prototype,"size",void 0),s([m({type:String,reflect:!0})],j.prototype,"size_token",void 0),s([t()],j.prototype,"_svg",void 0),s([m({type:String})],j.prototype,"title",void 0),s([m({reflect:!0})],j.prototype,"color",void 0),s([m({type:Boolean})],j.prototype,"push",void 0),s([m({type:Boolean})],j.prototype,"noFill",void 0),s([m({reflect:!0})],j.prototype,"frame",void 0),j=s([r("nile-icon")],j);
package/dist/nile-select/nile-select.css.cjs.js CHANGED
@@ -1,2 +1,2 @@
1
- System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",o=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n box-sizing: border-box;\n --ng-nxt-gen-outline: var(--ng-border-width-1) solid var(--ng-colors-border-brand);\n --ng-nxt-gen-outline-error: var(--ng-border-width-1) solid var(--ng-colors-border-error);\n --ng-private-outline-transparent: var(--ng-border-width-1) solid transparent;\n --ng-box-shadow: 0px 12px 16px -4px var(--ng-colors-effects-shadow-lg-01, rgba(10, 13, 18, 0.08)), 0px 4px 6px -2px var(--ng-colors-effects-shadow-lg-02, rgba(10, 13, 18, 0.03)), 0px 2px 2px -1px var(--ng-colors-effects-shadow-lg-03, rgba(10, 13, 18, 0.04));\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n :host *,\n :host *::before,\n :host *::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n .form-control .form-control__label {\n display: none;\n }\n\n .form-control .form-control__help-text {\n display: none;\n }\n\n /* Label */\n .form-control--has-label .form-control__label {\n display: block;\n margin-bottom: var(--nile-spacing-sm, var(--ng-spacing-sm));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n font-style: normal;\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-500));\n line-height: var(--nile-line-height-small, var(--ng-line-height-text-sm));\n letter-spacing: 0.2px;\n }\n\n .form-control--has-label.form-control--medium .form-control__label {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n }\n\n :host([required]) .form-control--has-label .form-control__label::after {\n content: '*';\n margin-inline-start: -2px;\n color: var(--nile-colors-red-700, var(--ng-colors-text-brand-tertiary-600));\n }\n\n /* Help text */\n .form-control--has-help-text .form-control__help-text {\n display: block;\n color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n margin-top: var(--nile-spacing-lg, var(--ng-spacing-lg));\n }\n\n .form-control--has-help-text.form-control--medium .form-control__help-text {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n }\n\n .form-control--has-help-text.form-control--radio-group\n .form-control__help-text {\n margin-top: var(--nile-spacing-xs, var(--ng-spacing-sm));\n }\n\n :host {\n display: block;\n }\n\n /** The popup */\n .select {\n flex: 1 1 auto;\n display: inline-flex;\n width: 100%;\n position: relative;\n vertical-align: middle;\n }\n\n .select::part(popup) {\n z-index: 9999;\n }\n\n .select[data-current-placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .select[data-current-placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n /* Combobox */\n .select__combobox {\n flex: 1;\n display: flex;\n width: 100%;\n min-width: 0;\n position: relative;\n align-items: center;\n justify-content: start;\n font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-500));\n letter-spacing: normal;\n vertical-align: middle;\n overflow: hidden;\n cursor: pointer;\n transition: 150ms color, 150ms border, 150ms box-shadow,\n 150ms background-color;\n }\n\n .select__display-input {\n position: relative;\n width: 100%;\n font: inherit;\n border: none;\n background: none;\n color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n cursor: inherit;\n overflow: hidden;\n padding: var(--nile-spacing-none, var(--ng-spacing-none));\n margin: var(--nile-spacing-none, var(--ng-spacing-none));\n -webkit-appearance: none;\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n }\n\n\n .select__display-input::placeholder {\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n color: var(--nile-colors-text-placeholder, var(--ng-colors-text-placeholder));\n }\n\n .select:not(.select--disabled):hover .select__display-input {\n color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n }\n\n .select__display-input:focus {\n outline: none;\n }\n\n /* Visually hide the display input when multiple is enabled */\n .select--multiple:not(.select--placeholder-visible) .select__display-input {\n position: absolute;\n z-index: -1;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n .select__value-input {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: var(--nile-spacing-none);\n margin: var(--nile-spacing-none);\n opacity: 0;\n z-index: -1;\n }\n\n .select__tags {\n display: flex;\n flex: 1;\n align-items: center;\n flex-wrap: no-wrap;\n margin-inline-start: var(--nile-spacing-md, var(--ng-spacing-md));\n width: 100%;\n overflow: hidden;\n }\n\n .select__tags-count {\n color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n\n font-style: normal;\n font-weight: var(--nile-font-weight-regular);\n line-height: var(--nile-line-height-xsmall);\n letter-spacing: 0.2px;\n margin: var(--nile-spacing-sm, var(--ng-spacing-sm));\n }\n\n .select__tags-count-clearable {\n margin-right: var(--nile-spacing-5xl, var(--ng-spacing-5xl));\n }\n\n .select__tags::slotted(nile-tag) {\n cursor: pointer !important;\n }\n\n .select--disabled .select__tags,\n .select--disabled .select__tags::slotted(nile-tag) {\n cursor: not-allowed !important;\n }\n\n /* Standard selects */\n .select--standard .select__combobox {\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n border: solid 1px var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n outline: var(--nile-outline-none, var(--ng-private-outline-transparent));\n }\n\n .select--standard .select__combobox:hover {\n border: 1px solid var(--nile-colors-dark-900, var(--ng-colors-border-brand));\n background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n outline: var(--nile-outline-none, var(--ng-nxt-gen-outline));\n }\n\n .select--error:hover:not(.select--disabled) .select__combobox{\n border-color: var(--nile-colors-red-500, var(--ng-colors-border-error));\n outline: var(--nile-outline-none, var(--ng-colors-border-error));\n }\n\n .select--standard.select--disabled .select__combobox {\n background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled-subtle));\n border-color: var(--nile-colors-neutral-500,var(--ng-colors-border-primary) );\n color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n opacity: var(--nile-opacity-50, var(--ng-opacity-100));\n cursor: not-allowed;\n outline: none;\n }\n\n .select--standard:not(.select--disabled).select--open .select__combobox,\n .select--standard:not(.select--disabled).select--focused .select__combobox {\n background-color: var(--nile-colors-neutral-100);\n }\n\n .select--warning .select__combobox {\n border-color: var(--nile-colors-yellow-500, var(--ng-colors-border-warning));\n }\n\n .select--error .select__combobox {\n border-color: var(--nile-colors-red-500, var(--ng-colors-border-error));\n outline: var(--nile-outline-none, var(--ng-private-outline-transparent));\n }\n\n\n\n\n .select--success {\n border-color: var(--nile-colors-green-500, var(--ng-componentcolors-utility-success-500));\n }\n\n /* Filled selects */\n .select--filled .select__combobox {\n border: none;\n background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n }\n\n .select--filled:hover:not(.select--disabled) .select__combobox {\n background-color: var(--nile-colors-neutral-100);\n }\n\n .select--filled.select--disabled .select__combobox {\n background-color: var(--nile-colors-neutral-100);\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .select--filled:not(.select--disabled).select--open .select__combobox,\n .select--filled:not(.select--disabled).select--focused .select__combobox {\n background-color: var(--nile-colors-neutral-100);\n outline: 3px solid rgba(0, 89, 255, 0.4);\n }\n\n .select--medium .select__combobox {\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n\n padding: var(--nile-spacing-lg, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n height: var(--nile-height-40px, var(--ng-height-40px));\n box-sizing: border-box;\n }\n\n .select--medium .select__clear {\n margin-inline-start: var(--nile-spacing-lg, var(--ng-spacing-lg));\n }\n\n .select--medium .select__prefix::slotted(*) {\n margin-inline-end: var(--nile-spacing-lg, var(--ng-spacing-md));\n }\n\n .select--medium .select__prefix.multiple::slotted(*) {\n margin-right: var(--nile-spacing-lg, var(--ng-spacing-md));\n }\n\n .select--medium.select--multiple:not(.select--placeholder-visible)\n .select__combobox {\n padding-inline-start: var(--nile-spacing-none, var(--ng-spacing-none));\n }\n\n .select--medium .select__tags {\n gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n }\n\n /* Pills */\n .select--pill.select--medium .select__combobox {\n border-radius: var(--nile-radius-3xl);\n }\n\n /* Prefix */\n .select__prefix {\n flex: 0;\n display: inline-flex;\n align-items: center;\n color: var(--nile-colors-dark-500);\n }\n\n .select__suffix {\n flex: 0;\n display: inline-flex;\n align-items: center;\n color: var(--nile-colors-dark-500);\n }\n\n /* Clear button */\n .select__clear {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: inherit;\n color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n border: none;\n background: none;\n padding: var(--nile-spacing-none);\n transition: 150ms color;\n cursor: pointer;\n }\n\n .select__clear:hover {\n color: var(--nile-colors-dark-500);\n }\n\n .select__clear:focus {\n outline: none;\n }\n\n /* Expand icon */\n .select__expand-icon {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n transition: 250ms rotate ease;\n rotate: 0;\n margin-inline-start: var(--nile-spacing-md, var(--ng-spacing-md));\n }\n\n .select--open .select__expand-icon {\n rotate: -180deg;\n }\n\n /* Listbox */\n .select__listbox {\n display: block;\n position: relative;\n font-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));\n font-weight: var(--nile-font-weight-regular);\n background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n border: solid 1px var(--nile-colors-neutral-500, var(--ng-colors-border-secondary-alt));\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n padding-block: var(--nile-spacing-none, var(--ng-spacing-xs));\n padding-inline: var(--nile-spacing-none, var(--ng-spacing-xs));\n overflow: auto;\n overscroll-behavior: none;\n /* Make sure it adheres to the popup's auto size */\n max-width: var(--auto-size-available-width);\n max-height: var(--auto-size-available-height);\n box-shadow: var(--nile-box-shadow-none, var(--ng-shadow-xs));\n }\n\n .select__options__search-enabled {\n padding-top: var(--nile-spacing-lg, var(--ng-spacing-lg));\n }\n\n .select__options {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n\n color: rgb(133, 129, 129);\n }\n\n .select__listbox::slotted(nile-divider) {\n --spacing: var(--nile-spacing-xs, var(--ng-spacing-sm));\n }\n\n .select__listbox::slotted(small) {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n\n font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-600));\n color: var(--nile-colors-dark-500);\n padding-block: var(--nile-spacing-xs, var(--ng-spacing-sm));\n padding-inline: var(--nile-spacing-xl, var(--ng-spacing-xl));\n }\n\n .select__search {\n position: sticky;\n top: 0px;\n z-index: 1;\n width: calc(100% - 16px);\n padding: var(--nile-spacing-md, var(--ng-spacing-md));\n background-color: var(--nile-colors-white-base);\n margin-bottom: -8px;\n }\n\n .select__footer {\n position: sticky;\n bottom: 0px;\n background: var(--nile-colors-neutral-100);\n border: 1px solid var(--nile-colors-neutral-400);\n display: flex;\n height: 15px;\n /* Auto layout */\n display:var(--nile-display-flex, var(--ng-display-none));\n flex-direction: row;\n align-items: flex-start;\n padding: var(--nile-spacing-md) var(--nile-spacing-lg)\n var(--nile-spacing-xl);\n gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n justify-content: space-between;\n }\n\n .tag__prefix[slot='prefix'] {\n height: 14px;\n display: inline-block;\n overflow: hidden;\n }\n\n .tag__prefix[slot='prefix'] img {\n max-height: 100%;\n }\n\n .select__loader {\n width: 100%;\n text-align: center;\n display: block;\n }\n\n .select__loader--icon {\n margin-top: var(--nile-spacing-xl, var(--ng-spacing-xl));\n animation: spin 0.6s linear infinite;\n }\n\n .select__no-results {\n padding: var(--nile-spacing-lg, var(--ng-spacing-lg));\n }\n\n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n\n .select__invisible {\n opacity: 0;\n }\n\n .select__prefix--from-options {\n margin-inline-end: var(--nile-spacing-lg, var(--ng-spacing-md));\n }\n\n .select__prefix--from-options img{\n max-height: var(--nile-height-22px, var(--ng-height-24px));\n max-width: var(--nile-width-22px, var(--ng-width-6));\n }\n\n .select__hide-default {\n display: none;\n }\n"]))));}};});
1
+ System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",o=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n box-sizing: border-box;\n --ng-nxt-gen-outline: var(--ng-border-width-1) solid var(--ng-colors-border-brand);\n --ng-nxt-gen-outline-error: var(--ng-border-width-1) solid var(--ng-colors-border-error);\n --ng-private-outline-transparent: var(--ng-border-width-1) solid transparent;\n --ng-box-shadow: 0px 12px 16px -4px var(--ng-colors-effects-shadow-lg-01, rgba(10, 13, 18, 0.08)), 0px 4px 6px -2px var(--ng-colors-effects-shadow-lg-02, rgba(10, 13, 18, 0.03)), 0px 2px 2px -1px var(--ng-colors-effects-shadow-lg-03, rgba(10, 13, 18, 0.04));\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n :host *,\n :host *::before,\n :host *::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n .form-control .form-control__label {\n display: none;\n }\n\n .form-control .form-control__help-text {\n display: none;\n }\n\n /* Label */\n .form-control--has-label .form-control__label {\n display: block;\n margin-bottom: var(--nile-spacing-sm, var(--ng-spacing-sm));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n font-style: normal;\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-500));\n line-height: var(--nile-line-height-small, var(--ng-line-height-text-sm));\n letter-spacing: 0.2px;\n }\n\n .form-control--has-label.form-control--medium .form-control__label {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n }\n\n :host([required]) .form-control--has-label .form-control__label::after {\n content: '*';\n margin-inline-start: -2px;\n color: var(--nile-colors-red-700, var(--ng-colors-text-brand-tertiary-600));\n }\n\n /* Help text */\n .form-control--has-help-text .form-control__help-text {\n display: block;\n color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n margin-top: var(--nile-spacing-lg, var(--ng-spacing-lg));\n }\n\n .form-control--has-help-text.form-control--medium .form-control__help-text {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n }\n\n .form-control--has-help-text.form-control--radio-group\n .form-control__help-text {\n margin-top: var(--nile-spacing-xs, var(--ng-spacing-sm));\n }\n\n :host {\n display: block;\n }\n\n /** The popup */\n .select {\n flex: 1 1 auto;\n display: inline-flex;\n width: 100%;\n position: relative;\n vertical-align: middle;\n }\n\n .select::part(popup) {\n z-index: 9999;\n }\n\n .select[data-current-placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .select[data-current-placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n /* Combobox */\n .select__combobox {\n flex: 1;\n display: flex;\n width: 100%;\n min-width: 0;\n position: relative;\n align-items: center;\n justify-content: start;\n font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-500));\n letter-spacing: normal;\n vertical-align: middle;\n overflow: hidden;\n cursor: pointer;\n transition: 150ms color, 150ms border, 150ms box-shadow,\n 150ms background-color;\n }\n\n .select__display-input {\n position: relative;\n width: 100%;\n font: inherit;\n border: none;\n background: none;\n color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n cursor: inherit;\n overflow: hidden;\n padding: var(--nile-spacing-none, var(--ng-spacing-none));\n margin: var(--nile-spacing-none, var(--ng-spacing-none));\n -webkit-appearance: none;\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n }\n\n\n .select__display-input::placeholder {\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n color: var(--nile-colors-text-placeholder, var(--ng-colors-text-placeholder));\n }\n\n .select:not(.select--disabled):hover .select__display-input {\n color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n }\n\n .select__display-input:focus {\n outline: none;\n }\n\n /* Visually hide the display input when multiple is enabled */\n .select--multiple:not(.select--placeholder-visible) .select__display-input {\n position: absolute;\n z-index: -1;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n .select__value-input {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: var(--nile-spacing-none);\n margin: var(--nile-spacing-none);\n opacity: 0;\n z-index: -1;\n }\n\n .select__tags {\n display: flex;\n flex: 1;\n align-items: center;\n flex-wrap: no-wrap;\n margin-inline-start: var(--nile-spacing-md, var(--ng-spacing-md));\n width: 100%;\n overflow: hidden;\n }\n\n .select__tags-count {\n color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n\n font-style: normal;\n font-weight: var(--nile-font-weight-regular);\n line-height: var(--nile-line-height-xsmall);\n letter-spacing: 0.2px;\n margin: var(--nile-spacing-sm, var(--ng-spacing-sm));\n }\n\n .select__tags-count-clearable {\n margin-right: var(--nile-spacing-5xl, var(--ng-spacing-5xl));\n }\n\n .select__tags::slotted(nile-tag) {\n cursor: pointer !important;\n }\n\n .select--disabled .select__tags,\n .select--disabled .select__tags::slotted(nile-tag) {\n cursor: not-allowed !important;\n }\n\n /* Standard selects */\n .select--standard .select__combobox {\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n border: solid 1px var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n outline: var(--nile-outline-none, var(--ng-private-outline-transparent));\n }\n\n .select--standard .select__combobox:hover {\n border: 1px solid var(--nile-colors-dark-900, var(--ng-colors-border-brand));\n background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n outline: var(--nile-outline-none, var(--ng-nxt-gen-outline));\n }\n\n .select--error:hover:not(.select--disabled) .select__combobox{\n border-color: var(--nile-colors-red-500, var(--ng-colors-border-error));\n outline: var(--nile-outline-none, var(--ng-colors-border-error));\n }\n\n .select--standard.select--disabled .select__combobox {\n background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled-subtle));\n border-color: var(--nile-colors-neutral-500,var(--ng-colors-border-primary) );\n color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n opacity: var(--nile-opacity-50, var(--ng-opacity-100));\n cursor: not-allowed;\n outline: none;\n }\n\n .select--standard:not(.select--disabled).select--open .select__combobox,\n .select--standard:not(.select--disabled).select--focused .select__combobox {\n background-color: var(--nile-colors-neutral-100);\n }\n\n .select--warning .select__combobox {\n border-color: var(--nile-colors-yellow-500, var(--ng-colors-border-warning));\n }\n\n .select--error .select__combobox {\n border-color: var(--nile-colors-red-500, var(--ng-colors-border-error));\n outline: var(--nile-outline-none, var(--ng-private-outline-transparent));\n }\n\n\n\n\n .select--success {\n border-color: var(--nile-colors-green-500, var(--ng-componentcolors-utility-success-500));\n }\n\n /* Filled selects */\n .select--filled .select__combobox {\n border: none;\n background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n }\n\n .select--filled:hover:not(.select--disabled) .select__combobox {\n background-color: var(--nile-colors-neutral-100);\n }\n\n .select--filled.select--disabled .select__combobox {\n background-color: var(--nile-colors-neutral-100);\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .select--filled:not(.select--disabled).select--open .select__combobox,\n .select--filled:not(.select--disabled).select--focused .select__combobox {\n background-color: var(--nile-colors-neutral-100);\n outline: 3px solid rgba(0, 89, 255, 0.4);\n }\n\n .select--medium .select__combobox {\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n\n padding: var(--nile-spacing-lg, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n height: var(--nile-height-40px, var(--ng-height-40px));\n box-sizing: border-box;\n }\n\n .select--medium .select__clear {\n margin-inline-start: var(--nile-spacing-lg, var(--ng-spacing-lg));\n }\n\n .select--medium .select__prefix::slotted(*) {\n margin-inline-end: var(--nile-spacing-lg, var(--ng-spacing-md));\n }\n\n .select--medium .select__prefix.multiple::slotted(*) {\n margin-right: var(--nile-spacing-lg, var(--ng-spacing-md));\n }\n\n .select--medium.select--multiple:not(.select--placeholder-visible)\n .select__combobox {\n padding-inline-start: var(--nile-spacing-none, var(--ng-spacing-none));\n }\n\n .select--medium .select__tags {\n gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n }\n\n /* Pills */\n .select--pill.select--medium .select__combobox {\n border-radius: var(--nile-radius-3xl);\n }\n\n /* Prefix */\n .select__prefix {\n flex: 0;\n display: inline-flex;\n align-items: center;\n color: var(--nile-colors-dark-500);\n }\n\n .select__suffix {\n flex: 0;\n display: inline-flex;\n align-items: center;\n color: var(--nile-colors-dark-500);\n }\n\n /* Clear button */\n .select__clear {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: inherit;\n color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n border: none;\n background: none;\n padding: var(--nile-spacing-none);\n transition: 150ms color;\n cursor: pointer;\n }\n\n .select__clear:hover {\n color: var(--nile-colors-dark-500);\n }\n\n .select__clear:focus {\n outline: none;\n }\n\n /* Expand icon */\n .select__expand-icon {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n transition: 250ms rotate ease;\n rotate: 0;\n margin-inline-start: var(--nile-spacing-md, var(--ng-spacing-md));\n }\n\n .select--open .select__expand-icon {\n rotate: -180deg;\n }\n\n /* Listbox */\n .select__listbox {\n display: block;\n position: relative;\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n font-weight: var(--nile-font-weight-regular, --ng-font-weight-regular);\n background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n border: solid 1px var(--nile-colors-neutral-500, var(--ng-colors-border-secondary-alt));\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n padding-block: var(--nile-spacing-none, var(--ng-spacing-xs));\n padding-inline: var(--nile-spacing-none, var(--ng-spacing-xs));\n overflow: auto;\n overscroll-behavior: none;\n /* Make sure it adheres to the popup's auto size */\n max-width: var(--auto-size-available-width);\n max-height: var(--auto-size-available-height);\n box-shadow: var(--nile-box-shadow-none, var(--ng-shadow-xs));\n }\n\n .select__options__search-enabled {\n padding-top: var(--nile-spacing-lg, var(--ng-spacing-lg));\n }\n\n .select__options {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n\n color: rgb(133, 129, 129);\n }\n\n .select__listbox::slotted(nile-divider) {\n --spacing: var(--nile-spacing-xs, var(--ng-spacing-sm));\n }\n\n .select__listbox::slotted(small) {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n\n font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-600));\n color: var(--nile-colors-dark-500);\n padding-block: var(--nile-spacing-xs, var(--ng-spacing-sm));\n padding-inline: var(--nile-spacing-xl, var(--ng-spacing-xl));\n }\n\n .select__search {\n position: sticky;\n top: 0px;\n z-index: 1;\n width: calc(100% - 16px);\n padding: var(--nile-spacing-md, var(--ng-spacing-md));\n background-color: var(--nile-colors-white-base);\n margin-bottom: -8px;\n }\n\n .select__footer {\n position: sticky;\n bottom: 0px;\n background: var(--nile-colors-neutral-100);\n border: 1px solid var(--nile-colors-neutral-400);\n display: flex;\n height: 15px;\n /* Auto layout */\n display:var(--nile-display-flex, var(--ng-display-none));\n flex-direction: row;\n align-items: flex-start;\n padding: var(--nile-spacing-md) var(--nile-spacing-lg)\n var(--nile-spacing-xl);\n gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n justify-content: space-between;\n }\n\n .tag__prefix[slot='prefix'] {\n height: 14px;\n display: inline-block;\n overflow: hidden;\n }\n\n .tag__prefix[slot='prefix'] img {\n max-height: 100%;\n }\n\n .select__loader {\n width: 100%;\n text-align: center;\n display: block;\n }\n\n .select__loader--icon {\n margin-top: var(--nile-spacing-xl, var(--ng-spacing-xl));\n animation: spin 0.6s linear infinite;\n }\n\n .select__no-results {\n padding: var(--nile-spacing-lg, var(--ng-spacing-lg));\n }\n\n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n\n .select__invisible {\n opacity: 0;\n }\n\n .select__prefix--from-options {\n margin-inline-end: var(--nile-spacing-lg, var(--ng-spacing-md));\n }\n\n .select__prefix--from-options img{\n max-height: var(--nile-height-22px, var(--ng-height-24px));\n max-width: var(--nile-width-22px, var(--ng-width-6));\n }\n\n .select__hide-default {\n display: none;\n }\n"]))));}};});
2
2
  //# sourceMappingURL=nile-select.css.cjs.js.map
package/dist/nile-select/nile-select.css.cjs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"nile-select.css.cjs.js","sources":["../../../src/nile-select/nile-select.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Select_2 CSS\n */\nexport const styles = css`\n :host {\n box-sizing: border-box;\n --ng-nxt-gen-outline: var(--ng-border-width-1) solid var(--ng-colors-border-brand);\n --ng-nxt-gen-outline-error: var(--ng-border-width-1) solid var(--ng-colors-border-error);\n --ng-private-outline-transparent: var(--ng-border-width-1) solid transparent;\n --ng-box-shadow: 0px 12px 16px -4px var(--ng-colors-effects-shadow-lg-01, rgba(10, 13, 18, 0.08)), 0px 4px 6px -2px var(--ng-colors-effects-shadow-lg-02, rgba(10, 13, 18, 0.03)), 0px 2px 2px -1px var(--ng-colors-effects-shadow-lg-03, rgba(10, 13, 18, 0.04));\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n :host *,\n :host *::before,\n :host *::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n .form-control .form-control__label {\n display: none;\n }\n\n .form-control .form-control__help-text {\n display: none;\n }\n\n /* Label */\n .form-control--has-label .form-control__label {\n display: block;\n margin-bottom: var(--nile-spacing-sm, var(--ng-spacing-sm));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n font-style: normal;\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-500));\n line-height: var(--nile-line-height-small, var(--ng-line-height-text-sm));\n letter-spacing: 0.2px;\n }\n\n .form-control--has-label.form-control--medium .form-control__label {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n }\n\n :host([required]) .form-control--has-label .form-control__label::after {\n content: '*';\n margin-inline-start: -2px;\n color: var(--nile-colors-red-700, var(--ng-colors-text-brand-tertiary-600));\n }\n\n /* Help text */\n .form-control--has-help-text .form-control__help-text {\n display: block;\n color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n margin-top: var(--nile-spacing-lg, var(--ng-spacing-lg));\n }\n\n .form-control--has-help-text.form-control--medium .form-control__help-text {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n }\n\n .form-control--has-help-text.form-control--radio-group\n .form-control__help-text {\n margin-top: var(--nile-spacing-xs, var(--ng-spacing-sm));\n }\n\n :host {\n display: block;\n }\n\n /** The popup */\n .select {\n flex: 1 1 auto;\n display: inline-flex;\n width: 100%;\n position: relative;\n vertical-align: middle;\n }\n\n .select::part(popup) {\n z-index: 9999;\n }\n\n .select[data-current-placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .select[data-current-placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n /* Combobox */\n .select__combobox {\n flex: 1;\n display: flex;\n width: 100%;\n min-width: 0;\n position: relative;\n align-items: center;\n justify-content: start;\n font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-500));\n letter-spacing: normal;\n vertical-align: middle;\n overflow: hidden;\n cursor: pointer;\n transition: 150ms color, 150ms border, 150ms box-shadow,\n 150ms background-color;\n }\n\n .select__display-input {\n position: relative;\n width: 100%;\n font: inherit;\n border: none;\n background: none;\n color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n cursor: inherit;\n overflow: hidden;\n padding: var(--nile-spacing-none, var(--ng-spacing-none));\n margin: var(--nile-spacing-none, var(--ng-spacing-none));\n -webkit-appearance: none;\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n }\n\n\n .select__display-input::placeholder {\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n color: var(--nile-colors-text-placeholder, var(--ng-colors-text-placeholder));\n }\n\n .select:not(.select--disabled):hover .select__display-input {\n color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n }\n\n .select__display-input:focus {\n outline: none;\n }\n\n /* Visually hide the display input when multiple is enabled */\n .select--multiple:not(.select--placeholder-visible) .select__display-input {\n position: absolute;\n z-index: -1;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n .select__value-input {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: var(--nile-spacing-none);\n margin: var(--nile-spacing-none);\n opacity: 0;\n z-index: -1;\n }\n\n .select__tags {\n display: flex;\n flex: 1;\n align-items: center;\n flex-wrap: no-wrap;\n margin-inline-start: var(--nile-spacing-md, var(--ng-spacing-md));\n width: 100%;\n overflow: hidden;\n }\n\n .select__tags-count {\n color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n\n font-style: normal;\n font-weight: var(--nile-font-weight-regular);\n line-height: var(--nile-line-height-xsmall);\n letter-spacing: 0.2px;\n margin: var(--nile-spacing-sm, var(--ng-spacing-sm));\n }\n\n .select__tags-count-clearable {\n margin-right: var(--nile-spacing-5xl, var(--ng-spacing-5xl));\n }\n\n .select__tags::slotted(nile-tag) {\n cursor: pointer !important;\n }\n\n .select--disabled .select__tags,\n .select--disabled .select__tags::slotted(nile-tag) {\n cursor: not-allowed !important;\n }\n\n /* Standard selects */\n .select--standard .select__combobox {\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n border: solid 1px var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n outline: var(--nile-outline-none, var(--ng-private-outline-transparent));\n }\n\n .select--standard .select__combobox:hover {\n border: 1px solid var(--nile-colors-dark-900, var(--ng-colors-border-brand));\n background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n outline: var(--nile-outline-none, var(--ng-nxt-gen-outline));\n }\n\n .select--error:hover:not(.select--disabled) .select__combobox{\n border-color: var(--nile-colors-red-500, var(--ng-colors-border-error));\n outline: var(--nile-outline-none, var(--ng-colors-border-error));\n }\n\n .select--standard.select--disabled .select__combobox {\n background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled-subtle));\n border-color: var(--nile-colors-neutral-500,var(--ng-colors-border-primary) );\n color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n opacity: var(--nile-opacity-50, var(--ng-opacity-100));\n cursor: not-allowed;\n outline: none;\n }\n\n .select--standard:not(.select--disabled).select--open .select__combobox,\n .select--standard:not(.select--disabled).select--focused .select__combobox {\n background-color: var(--nile-colors-neutral-100);\n }\n\n .select--warning .select__combobox {\n border-color: var(--nile-colors-yellow-500, var(--ng-colors-border-warning));\n }\n\n .select--error .select__combobox {\n border-color: var(--nile-colors-red-500, var(--ng-colors-border-error));\n outline: var(--nile-outline-none, var(--ng-private-outline-transparent));\n }\n\n\n\n\n .select--success {\n border-color: var(--nile-colors-green-500, var(--ng-componentcolors-utility-success-500));\n }\n\n /* Filled selects */\n .select--filled .select__combobox {\n border: none;\n background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n }\n\n .select--filled:hover:not(.select--disabled) .select__combobox {\n background-color: var(--nile-colors-neutral-100);\n }\n\n .select--filled.select--disabled .select__combobox {\n background-color: var(--nile-colors-neutral-100);\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .select--filled:not(.select--disabled).select--open .select__combobox,\n .select--filled:not(.select--disabled).select--focused .select__combobox {\n background-color: var(--nile-colors-neutral-100);\n outline: 3px solid rgba(0, 89, 255, 0.4);\n }\n\n .select--medium .select__combobox {\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n\n padding: var(--nile-spacing-lg, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n height: var(--nile-height-40px, var(--ng-height-40px));\n box-sizing: border-box;\n }\n\n .select--medium .select__clear {\n margin-inline-start: var(--nile-spacing-lg, var(--ng-spacing-lg));\n }\n\n .select--medium .select__prefix::slotted(*) {\n margin-inline-end: var(--nile-spacing-lg, var(--ng-spacing-md));\n }\n\n .select--medium .select__prefix.multiple::slotted(*) {\n margin-right: var(--nile-spacing-lg, var(--ng-spacing-md));\n }\n\n .select--medium.select--multiple:not(.select--placeholder-visible)\n .select__combobox {\n padding-inline-start: var(--nile-spacing-none, var(--ng-spacing-none));\n }\n\n .select--medium .select__tags {\n gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n }\n\n /* Pills */\n .select--pill.select--medium .select__combobox {\n border-radius: var(--nile-radius-3xl);\n }\n\n /* Prefix */\n .select__prefix {\n flex: 0;\n display: inline-flex;\n align-items: center;\n color: var(--nile-colors-dark-500);\n }\n\n .select__suffix {\n flex: 0;\n display: inline-flex;\n align-items: center;\n color: var(--nile-colors-dark-500);\n }\n\n /* Clear button */\n .select__clear {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: inherit;\n color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n border: none;\n background: none;\n padding: var(--nile-spacing-none);\n transition: 150ms color;\n cursor: pointer;\n }\n\n .select__clear:hover {\n color: var(--nile-colors-dark-500);\n }\n\n .select__clear:focus {\n outline: none;\n }\n\n /* Expand icon */\n .select__expand-icon {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n transition: 250ms rotate ease;\n rotate: 0;\n margin-inline-start: var(--nile-spacing-md, var(--ng-spacing-md));\n }\n\n .select--open .select__expand-icon {\n rotate: -180deg;\n }\n\n /* Listbox */\n .select__listbox {\n display: block;\n position: relative;\n font-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));\n font-weight: var(--nile-font-weight-regular);\n background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n border: solid 1px var(--nile-colors-neutral-500, var(--ng-colors-border-secondary-alt));\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n padding-block: var(--nile-spacing-none, var(--ng-spacing-xs));\n padding-inline: var(--nile-spacing-none, var(--ng-spacing-xs));\n overflow: auto;\n overscroll-behavior: none;\n /* Make sure it adheres to the popup's auto size */\n max-width: var(--auto-size-available-width);\n max-height: var(--auto-size-available-height);\n box-shadow: var(--nile-box-shadow-none, var(--ng-shadow-xs));\n }\n\n .select__options__search-enabled {\n padding-top: var(--nile-spacing-lg, var(--ng-spacing-lg));\n }\n\n .select__options {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n\n color: rgb(133, 129, 129);\n }\n\n .select__listbox::slotted(nile-divider) {\n --spacing: var(--nile-spacing-xs, var(--ng-spacing-sm));\n }\n\n .select__listbox::slotted(small) {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n\n font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-600));\n color: var(--nile-colors-dark-500);\n padding-block: var(--nile-spacing-xs, var(--ng-spacing-sm));\n padding-inline: var(--nile-spacing-xl, var(--ng-spacing-xl));\n }\n\n .select__search {\n position: sticky;\n top: 0px;\n z-index: 1;\n width: calc(100% - 16px);\n padding: var(--nile-spacing-md, var(--ng-spacing-md));\n background-color: var(--nile-colors-white-base);\n margin-bottom: -8px;\n }\n\n .select__footer {\n position: sticky;\n bottom: 0px;\n background: var(--nile-colors-neutral-100);\n border: 1px solid var(--nile-colors-neutral-400);\n display: flex;\n height: 15px;\n /* Auto layout */\n display:var(--nile-display-flex, var(--ng-display-none));\n flex-direction: row;\n align-items: flex-start;\n padding: var(--nile-spacing-md) var(--nile-spacing-lg)\n var(--nile-spacing-xl);\n gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n justify-content: space-between;\n }\n\n .tag__prefix[slot='prefix'] {\n height: 14px;\n display: inline-block;\n overflow: hidden;\n }\n\n .tag__prefix[slot='prefix'] img {\n max-height: 100%;\n }\n\n .select__loader {\n width: 100%;\n text-align: center;\n display: block;\n }\n\n .select__loader--icon {\n margin-top: var(--nile-spacing-xl, var(--ng-spacing-xl));\n animation: spin 0.6s linear infinite;\n }\n\n .select__no-results {\n padding: var(--nile-spacing-lg, var(--ng-spacing-lg));\n }\n\n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n\n .select__invisible {\n opacity: 0;\n }\n\n .select__prefix--from-options {\n margin-inline-end: var(--nile-spacing-lg, var(--ng-spacing-md));\n }\n\n .select__prefix--from-options img{\n max-height: var(--nile-height-22px, var(--ng-height-24px));\n max-width: var(--nile-width-22px, var(--ng-width-6));\n }\n\n .select__hide-default {\n display: none;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1
+ {"version":3,"file":"nile-select.css.cjs.js","sources":["../../../src/nile-select/nile-select.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Select_2 CSS\n */\nexport const styles = css`\n :host {\n box-sizing: border-box;\n --ng-nxt-gen-outline: var(--ng-border-width-1) solid var(--ng-colors-border-brand);\n --ng-nxt-gen-outline-error: var(--ng-border-width-1) solid var(--ng-colors-border-error);\n --ng-private-outline-transparent: var(--ng-border-width-1) solid transparent;\n --ng-box-shadow: 0px 12px 16px -4px var(--ng-colors-effects-shadow-lg-01, rgba(10, 13, 18, 0.08)), 0px 4px 6px -2px var(--ng-colors-effects-shadow-lg-02, rgba(10, 13, 18, 0.03)), 0px 2px 2px -1px var(--ng-colors-effects-shadow-lg-03, rgba(10, 13, 18, 0.04));\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n :host *,\n :host *::before,\n :host *::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n .form-control .form-control__label {\n display: none;\n }\n\n .form-control .form-control__help-text {\n display: none;\n }\n\n /* Label */\n .form-control--has-label .form-control__label {\n display: block;\n margin-bottom: var(--nile-spacing-sm, var(--ng-spacing-sm));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n font-style: normal;\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-500));\n line-height: var(--nile-line-height-small, var(--ng-line-height-text-sm));\n letter-spacing: 0.2px;\n }\n\n .form-control--has-label.form-control--medium .form-control__label {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n }\n\n :host([required]) .form-control--has-label .form-control__label::after {\n content: '*';\n margin-inline-start: -2px;\n color: var(--nile-colors-red-700, var(--ng-colors-text-brand-tertiary-600));\n }\n\n /* Help text */\n .form-control--has-help-text .form-control__help-text {\n display: block;\n color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n margin-top: var(--nile-spacing-lg, var(--ng-spacing-lg));\n }\n\n .form-control--has-help-text.form-control--medium .form-control__help-text {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n }\n\n .form-control--has-help-text.form-control--radio-group\n .form-control__help-text {\n margin-top: var(--nile-spacing-xs, var(--ng-spacing-sm));\n }\n\n :host {\n display: block;\n }\n\n /** The popup */\n .select {\n flex: 1 1 auto;\n display: inline-flex;\n width: 100%;\n position: relative;\n vertical-align: middle;\n }\n\n .select::part(popup) {\n z-index: 9999;\n }\n\n .select[data-current-placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .select[data-current-placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n /* Combobox */\n .select__combobox {\n flex: 1;\n display: flex;\n width: 100%;\n min-width: 0;\n position: relative;\n align-items: center;\n justify-content: start;\n font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-500));\n letter-spacing: normal;\n vertical-align: middle;\n overflow: hidden;\n cursor: pointer;\n transition: 150ms color, 150ms border, 150ms box-shadow,\n 150ms background-color;\n }\n\n .select__display-input {\n position: relative;\n width: 100%;\n font: inherit;\n border: none;\n background: none;\n color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n cursor: inherit;\n overflow: hidden;\n padding: var(--nile-spacing-none, var(--ng-spacing-none));\n margin: var(--nile-spacing-none, var(--ng-spacing-none));\n -webkit-appearance: none;\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n }\n\n\n .select__display-input::placeholder {\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n color: var(--nile-colors-text-placeholder, var(--ng-colors-text-placeholder));\n }\n\n .select:not(.select--disabled):hover .select__display-input {\n color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n }\n\n .select__display-input:focus {\n outline: none;\n }\n\n /* Visually hide the display input when multiple is enabled */\n .select--multiple:not(.select--placeholder-visible) .select__display-input {\n position: absolute;\n z-index: -1;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n .select__value-input {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: var(--nile-spacing-none);\n margin: var(--nile-spacing-none);\n opacity: 0;\n z-index: -1;\n }\n\n .select__tags {\n display: flex;\n flex: 1;\n align-items: center;\n flex-wrap: no-wrap;\n margin-inline-start: var(--nile-spacing-md, var(--ng-spacing-md));\n width: 100%;\n overflow: hidden;\n }\n\n .select__tags-count {\n color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n\n font-style: normal;\n font-weight: var(--nile-font-weight-regular);\n line-height: var(--nile-line-height-xsmall);\n letter-spacing: 0.2px;\n margin: var(--nile-spacing-sm, var(--ng-spacing-sm));\n }\n\n .select__tags-count-clearable {\n margin-right: var(--nile-spacing-5xl, var(--ng-spacing-5xl));\n }\n\n .select__tags::slotted(nile-tag) {\n cursor: pointer !important;\n }\n\n .select--disabled .select__tags,\n .select--disabled .select__tags::slotted(nile-tag) {\n cursor: not-allowed !important;\n }\n\n /* Standard selects */\n .select--standard .select__combobox {\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n border: solid 1px var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n outline: var(--nile-outline-none, var(--ng-private-outline-transparent));\n }\n\n .select--standard .select__combobox:hover {\n border: 1px solid var(--nile-colors-dark-900, var(--ng-colors-border-brand));\n background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n outline: var(--nile-outline-none, var(--ng-nxt-gen-outline));\n }\n\n .select--error:hover:not(.select--disabled) .select__combobox{\n border-color: var(--nile-colors-red-500, var(--ng-colors-border-error));\n outline: var(--nile-outline-none, var(--ng-colors-border-error));\n }\n\n .select--standard.select--disabled .select__combobox {\n background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled-subtle));\n border-color: var(--nile-colors-neutral-500,var(--ng-colors-border-primary) );\n color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n opacity: var(--nile-opacity-50, var(--ng-opacity-100));\n cursor: not-allowed;\n outline: none;\n }\n\n .select--standard:not(.select--disabled).select--open .select__combobox,\n .select--standard:not(.select--disabled).select--focused .select__combobox {\n background-color: var(--nile-colors-neutral-100);\n }\n\n .select--warning .select__combobox {\n border-color: var(--nile-colors-yellow-500, var(--ng-colors-border-warning));\n }\n\n .select--error .select__combobox {\n border-color: var(--nile-colors-red-500, var(--ng-colors-border-error));\n outline: var(--nile-outline-none, var(--ng-private-outline-transparent));\n }\n\n\n\n\n .select--success {\n border-color: var(--nile-colors-green-500, var(--ng-componentcolors-utility-success-500));\n }\n\n /* Filled selects */\n .select--filled .select__combobox {\n border: none;\n background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n }\n\n .select--filled:hover:not(.select--disabled) .select__combobox {\n background-color: var(--nile-colors-neutral-100);\n }\n\n .select--filled.select--disabled .select__combobox {\n background-color: var(--nile-colors-neutral-100);\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .select--filled:not(.select--disabled).select--open .select__combobox,\n .select--filled:not(.select--disabled).select--focused .select__combobox {\n background-color: var(--nile-colors-neutral-100);\n outline: 3px solid rgba(0, 89, 255, 0.4);\n }\n\n .select--medium .select__combobox {\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n\n padding: var(--nile-spacing-lg, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n height: var(--nile-height-40px, var(--ng-height-40px));\n box-sizing: border-box;\n }\n\n .select--medium .select__clear {\n margin-inline-start: var(--nile-spacing-lg, var(--ng-spacing-lg));\n }\n\n .select--medium .select__prefix::slotted(*) {\n margin-inline-end: var(--nile-spacing-lg, var(--ng-spacing-md));\n }\n\n .select--medium .select__prefix.multiple::slotted(*) {\n margin-right: var(--nile-spacing-lg, var(--ng-spacing-md));\n }\n\n .select--medium.select--multiple:not(.select--placeholder-visible)\n .select__combobox {\n padding-inline-start: var(--nile-spacing-none, var(--ng-spacing-none));\n }\n\n .select--medium .select__tags {\n gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n }\n\n /* Pills */\n .select--pill.select--medium .select__combobox {\n border-radius: var(--nile-radius-3xl);\n }\n\n /* Prefix */\n .select__prefix {\n flex: 0;\n display: inline-flex;\n align-items: center;\n color: var(--nile-colors-dark-500);\n }\n\n .select__suffix {\n flex: 0;\n display: inline-flex;\n align-items: center;\n color: var(--nile-colors-dark-500);\n }\n\n /* Clear button */\n .select__clear {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: inherit;\n color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n border: none;\n background: none;\n padding: var(--nile-spacing-none);\n transition: 150ms color;\n cursor: pointer;\n }\n\n .select__clear:hover {\n color: var(--nile-colors-dark-500);\n }\n\n .select__clear:focus {\n outline: none;\n }\n\n /* Expand icon */\n .select__expand-icon {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n transition: 250ms rotate ease;\n rotate: 0;\n margin-inline-start: var(--nile-spacing-md, var(--ng-spacing-md));\n }\n\n .select--open .select__expand-icon {\n rotate: -180deg;\n }\n\n /* Listbox */\n .select__listbox {\n display: block;\n position: relative;\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n font-weight: var(--nile-font-weight-regular, --ng-font-weight-regular);\n background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n border: solid 1px var(--nile-colors-neutral-500, var(--ng-colors-border-secondary-alt));\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n padding-block: var(--nile-spacing-none, var(--ng-spacing-xs));\n padding-inline: var(--nile-spacing-none, var(--ng-spacing-xs));\n overflow: auto;\n overscroll-behavior: none;\n /* Make sure it adheres to the popup's auto size */\n max-width: var(--auto-size-available-width);\n max-height: var(--auto-size-available-height);\n box-shadow: var(--nile-box-shadow-none, var(--ng-shadow-xs));\n }\n\n .select__options__search-enabled {\n padding-top: var(--nile-spacing-lg, var(--ng-spacing-lg));\n }\n\n .select__options {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n\n color: rgb(133, 129, 129);\n }\n\n .select__listbox::slotted(nile-divider) {\n --spacing: var(--nile-spacing-xs, var(--ng-spacing-sm));\n }\n\n .select__listbox::slotted(small) {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n\n font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-600));\n color: var(--nile-colors-dark-500);\n padding-block: var(--nile-spacing-xs, var(--ng-spacing-sm));\n padding-inline: var(--nile-spacing-xl, var(--ng-spacing-xl));\n }\n\n .select__search {\n position: sticky;\n top: 0px;\n z-index: 1;\n width: calc(100% - 16px);\n padding: var(--nile-spacing-md, var(--ng-spacing-md));\n background-color: var(--nile-colors-white-base);\n margin-bottom: -8px;\n }\n\n .select__footer {\n position: sticky;\n bottom: 0px;\n background: var(--nile-colors-neutral-100);\n border: 1px solid var(--nile-colors-neutral-400);\n display: flex;\n height: 15px;\n /* Auto layout */\n display:var(--nile-display-flex, var(--ng-display-none));\n flex-direction: row;\n align-items: flex-start;\n padding: var(--nile-spacing-md) var(--nile-spacing-lg)\n var(--nile-spacing-xl);\n gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n justify-content: space-between;\n }\n\n .tag__prefix[slot='prefix'] {\n height: 14px;\n display: inline-block;\n overflow: hidden;\n }\n\n .tag__prefix[slot='prefix'] img {\n max-height: 100%;\n }\n\n .select__loader {\n width: 100%;\n text-align: center;\n display: block;\n }\n\n .select__loader--icon {\n margin-top: var(--nile-spacing-xl, var(--ng-spacing-xl));\n animation: spin 0.6s linear infinite;\n }\n\n .select__no-results {\n padding: var(--nile-spacing-lg, var(--ng-spacing-lg));\n }\n\n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n\n .select__invisible {\n opacity: 0;\n }\n\n .select__prefix--from-options {\n margin-inline-end: var(--nile-spacing-lg, var(--ng-spacing-md));\n }\n\n .select__prefix--from-options img{\n max-height: var(--nile-height-22px, var(--ng-height-24px));\n max-width: var(--nile-width-22px, var(--ng-width-6));\n }\n\n .select__hide-default {\n display: none;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
package/dist/nile-select/nile-select.css.esm.js CHANGED
@@ -359,8 +359,8 @@ import{css as e}from"lit";const o=e`
359
359
  .select__listbox {
360
360
  display: block;
361
361
  position: relative;
362
- font-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));
363
- font-weight: var(--nile-font-weight-regular);
362
+ font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));
363
+ font-weight: var(--nile-font-weight-regular, --ng-font-weight-regular);
364
364
  background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
365
365
  border: solid 1px var(--nile-colors-neutral-500, var(--ng-colors-border-secondary-alt));
366
366
  border-radius: var(--nile-radius-sm, var(--ng-radius-md));
package/dist/nile-tooltip/nile-tooltip.css.cjs.js CHANGED
@@ -1,2 +1,2 @@
1
- System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,t;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",t=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n --max-width: 20rem;\n --hide-delay: 0ms;\n --show-delay: 150ms;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n display: contents;\n }\n\n .tooltip {\n --arrow-size: 5px;\n --arrow-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));\n }\n\n .tooltip::part(popup) {\n pointer-events: none;\n z-index: 1000;\n }\n\n .tooltip[placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .tooltip[placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n .tooltip[placement^='left']::part(popup) {\n transform-origin: right;\n }\n\n .tooltip[placement^='right']::part(popup) {\n transform-origin: left;\n }\n\n .tooltip__body {\n display: block;\n width: max-content;\n max-width: var(--max-width);\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n background-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));\n font-size: var(--nile-tooltip-font-size-sm, var(--ng-font-size-text-xs));\n font-weight: var(--nile-tooltip-font-weight-sm, var(--ng-font-weight-semibold));\n line-height: var(--nile-tooltip-line-height-sm, var(--ng-line-height-text-xs));\n padding: var(--nile-tooltip-padding-y, var(--ng-spacing-md)) var(--nile-tooltip-padding-x, var(--ng-spacing-md));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n pointer-events: none;\n word-break: break-word;\n font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n box-shadow:var(--nile-box-shadow-none, var(--ng-shadow-lg));\n }\n\n .tooltip__body--large {\n font-size: var(--nile-tooltip-font-size-lg);\n line-height: var(--nile-tooltip-line-height-lg);\n font-weight: var(--nile-tooltip-font-weight-lg);\n }\n"]))));}};});
1
+ System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,t;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",t=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n --max-width: 20rem;\n --hide-delay: 0ms;\n --show-delay: 150ms;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n display: contents;\n }\n\n .tooltip {\n --arrow-size: var(--nile-height-6px, var(--ng-height-5px));\n --arrow-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));\n }\n\n .tooltip::part(popup) {\n pointer-events: none;\n z-index: 1000;\n }\n\n .tooltip[placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .tooltip[placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n .tooltip[placement^='left']::part(popup) {\n transform-origin: right;\n }\n\n .tooltip[placement^='right']::part(popup) {\n transform-origin: left;\n }\n\n .tooltip__body {\n display: block;\n width: max-content;\n max-width: var(--max-width);\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n background-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));\n font-size: var(--nile-tooltip-font-size-sm, var(--ng-font-size-text-xs));\n font-weight: var(--nile-tooltip-font-weight-sm, var(--ng-font-weight-semibold));\n line-height: var(--nile-tooltip-line-height-sm, var(--ng-line-height-text-xs));\n padding: var(--nile-tooltip-padding-y, var(--ng-spacing-md)) var(--nile-tooltip-padding-x, var(--ng-spacing-md));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n pointer-events: none;\n word-break: break-word;\n font-family: var(--nile-font-family-medium, var(--ng-font-family-body));\n box-shadow:var(--nile-box-shadow-none, var(--ng-shadow-lg));\n }\n\n .tooltip__body--large {\n font-size: var(--nile-tooltip-font-size-lg);\n line-height: var(--nile-tooltip-line-height-lg);\n font-weight: var(--nile-tooltip-font-weight-lg);\n }\n"]))));}};});
2
2
  //# sourceMappingURL=nile-tooltip.css.cjs.js.map
package/dist/nile-tooltip/nile-tooltip.css.cjs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"nile-tooltip.css.cjs.js","sources":["../../../src/nile-tooltip/nile-tooltip.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Tooltip CSS\n */\nexport const styles = css`\n :host {\n --max-width: 20rem;\n --hide-delay: 0ms;\n --show-delay: 150ms;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n display: contents;\n }\n\n .tooltip {\n --arrow-size: 5px;\n --arrow-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));\n }\n\n .tooltip::part(popup) {\n pointer-events: none;\n z-index: 1000;\n }\n\n .tooltip[placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .tooltip[placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n .tooltip[placement^='left']::part(popup) {\n transform-origin: right;\n }\n\n .tooltip[placement^='right']::part(popup) {\n transform-origin: left;\n }\n\n .tooltip__body {\n display: block;\n width: max-content;\n max-width: var(--max-width);\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n background-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));\n font-size: var(--nile-tooltip-font-size-sm, var(--ng-font-size-text-xs));\n font-weight: var(--nile-tooltip-font-weight-sm, var(--ng-font-weight-semibold));\n line-height: var(--nile-tooltip-line-height-sm, var(--ng-line-height-text-xs));\n padding: var(--nile-tooltip-padding-y, var(--ng-spacing-md)) var(--nile-tooltip-padding-x, var(--ng-spacing-md));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n pointer-events: none;\n word-break: break-word;\n font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n box-shadow:var(--nile-box-shadow-none, var(--ng-shadow-lg));\n }\n\n .tooltip__body--large {\n font-size: var(--nile-tooltip-font-size-lg);\n line-height: var(--nile-tooltip-line-height-lg);\n font-weight: var(--nile-tooltip-font-weight-lg);\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1
+ {"version":3,"file":"nile-tooltip.css.cjs.js","sources":["../../../src/nile-tooltip/nile-tooltip.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Tooltip CSS\n */\nexport const styles = css`\n :host {\n --max-width: 20rem;\n --hide-delay: 0ms;\n --show-delay: 150ms;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n display: contents;\n }\n\n .tooltip {\n --arrow-size: var(--nile-height-6px, var(--ng-height-5px));\n --arrow-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));\n }\n\n .tooltip::part(popup) {\n pointer-events: none;\n z-index: 1000;\n }\n\n .tooltip[placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .tooltip[placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n .tooltip[placement^='left']::part(popup) {\n transform-origin: right;\n }\n\n .tooltip[placement^='right']::part(popup) {\n transform-origin: left;\n }\n\n .tooltip__body {\n display: block;\n width: max-content;\n max-width: var(--max-width);\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n background-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));\n font-size: var(--nile-tooltip-font-size-sm, var(--ng-font-size-text-xs));\n font-weight: var(--nile-tooltip-font-weight-sm, var(--ng-font-weight-semibold));\n line-height: var(--nile-tooltip-line-height-sm, var(--ng-line-height-text-xs));\n padding: var(--nile-tooltip-padding-y, var(--ng-spacing-md)) var(--nile-tooltip-padding-x, var(--ng-spacing-md));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n pointer-events: none;\n word-break: break-word;\n font-family: var(--nile-font-family-medium, var(--ng-font-family-body));\n box-shadow:var(--nile-box-shadow-none, var(--ng-shadow-lg));\n }\n\n .tooltip__body--large {\n font-size: var(--nile-tooltip-font-size-lg);\n line-height: var(--nile-tooltip-line-height-lg);\n font-weight: var(--nile-tooltip-font-weight-lg);\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
package/dist/nile-tooltip/nile-tooltip.css.esm.js CHANGED
@@ -10,7 +10,7 @@ import{css as o}from"lit";const t=o`
10
10
  }
11
11
 
12
12
  .tooltip {
13
- --arrow-size: 5px;
13
+ --arrow-size: var(--nile-height-6px, var(--ng-height-5px));
14
14
  --arrow-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));
15
15
  }
16
16
 
@@ -48,7 +48,7 @@ import{css as o}from"lit";const t=o`
48
48
  color: var(--nile-colors-white-base, var(--ng-colors-text-white));
49
49
  pointer-events: none;
50
50
  word-break: break-word;
51
- font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));
51
+ font-family: var(--nile-font-family-medium, var(--ng-font-family-body));
52
52
  box-shadow:var(--nile-box-shadow-none, var(--ng-shadow-lg));
53
53
  }
54
54
 
package/dist/src/nile-icon/index.js CHANGED
@@ -48,7 +48,7 @@ let NileIcon = class NileIcon extends LitElement {
48
48
  this.style.setProperty('--nile-svg-height', `${this.size}px`);
49
49
  this.style.setProperty('--nile-svg-width', `${this.size}px`);
50
50
  }
51
- else if (changedProperties.has('size_token')) {
51
+ if (changedProperties.has('size_token')) {
52
52
  this.style.setProperty('--nile-svg-height', `${this.size_token}`);
53
53
  this.style.setProperty('--nile-svg-width', `${this.size_token}`);
54
54
  }
@@ -178,7 +178,7 @@ NileIcon.styles = css `
178
178
  stroke: var(--nile-svg-stroke);
179
179
  }
180
180
 
181
- .nds-icon svg path {
181
+ .nds-icon svg * {
182
182
  fill: var(--nile-svg-fill);
183
183
  }
184
184
 
@@ -215,7 +215,7 @@ __decorate([
215
215
  property({ type: String, reflect: true })
216
216
  ], NileIcon.prototype, "size", void 0);
217
217
  __decorate([
218
- property({ type: String })
218
+ property({ type: String, reflect: true })
219
219
  ], NileIcon.prototype, "size_token", void 0);
220
220
  __decorate([
221
221
  state()
package/dist/src/nile-icon/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-icon/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css, PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport type { TemplateResult } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport * as Icons from './icons/svg';\nimport { aliasMap } from './aliasmap';\n\ninterface IconPaths {\n [key: string]: string;\n}\n\ninterface ButtonClassMap {\n [key:string]: boolean;\n}\n\nconst iconPaths: IconPaths = Icons as IconPaths;\n\nconst SMALL_ICON_SIZE = 16;\nconst LARGE_ICON_SIZE = 24;\n\n/**\n * Nile icon component.\n *\n * @tag nile-icon\n *\n */\n@customElement('nile-icon')\nexport class NileIcon extends LitElement {\n /**\n * The name of the icon set\n * @attr icon set\n * @type {IconName | undefined}\n */\n @property({ type: String, reflect: true })\n public set?: string = 'local';\n\n /**\n * The name of the icon\n * @attr name\n * @type {IconName | undefined}\n */\n @property({ type: String, reflect: true })\n public name?: string;\n\n /**\n * A description of what the icon represents\n * @attr description\n */\n @property({ type: String, reflect: true })\n public description = '';\n\n @property({ type: String, reflect: true })\n public method = 'fill';\n\n /**\n * A path to a custom SVG file to display as the icon\n * @attr customSvgPath\n */\n @property({ type: String })\n public customSvgPath?: string;\n\n /**\n * A size of what the icon represents\n * @attr size\n */\n @property({ type: String, reflect: true })\n public size = SMALL_ICON_SIZE;\n\n @property({ type: String })\n public size_token = `${SMALL_ICON_SIZE}px`;\n\n @state()\n private _svg = '';\n\n @property({ type: String }) override title = 'agents';\n\n /**\n * Color\n */\n @property({ reflect: true }) color: any ;\n\n @property({ type: Boolean })\n public push = false;\n\n @property({ type: Boolean })\n public noFill = false;\n\n /**\n * Retain Viewbox\n */\n\n @property({ reflect: true }) frame: any;\n\n static override styles = css`\n :host {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n contain: content;\n --nile-svg-stroke-width: 1.3;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .nds-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .nds-icon svg {\n height: var(--nile-svg-height);\n width: var(--nile-svg-width);\n stroke: var(--nile-svg-stroke);\n }\n\n .nds-icon svg path {\n fill: var(--nile-svg-fill);\n }\n\n .nds-icon.no-fill svg path {\n fill: revert-layer;\n }\n\n .stroke svg path {\n fill: none !important;\n stroke: var(--nile-svg-fill) !important;\n stroke-width: var(--nile-svg-stroke-width);\n }\n\n .nds-icon--push {\n margin-right: var(--nile-spacing-lg);\n }\n `;\n\n private _getIconSize(): number {\n return this.name?.endsWith('-small') ? SMALL_ICON_SIZE : LARGE_ICON_SIZE;\n }\n\n protected override async updated(\n changedProperties: PropertyValues\n ): Promise<void> {\n if (changedProperties.has('size')) {\n this.style.setProperty('--nile-svg-height', `${this.size}px`);\n this.style.setProperty('--nile-svg-width', `${this.size}px`);\n }\n else if (changedProperties.has('size_token')) {\n this.style.setProperty('--nile-svg-height', `${this.size_token}`);\n this.style.setProperty('--nile-svg-width', `${this.size_token}`);\n }\n if (changedProperties.has('color')) {\n this.style.setProperty('--nile-svg-fill', `${this.color}`);\n }\n if (changedProperties.has('name') || changedProperties.has('customSvgPath')) {\n const raw = this.name?.replace(/-/g, '') ?? '';\n const iconName = aliasMap[raw] || raw;\n if (iconName && iconPaths[iconName]) {\n this._svg = atob(iconPaths[iconName]);\n } else if (this.customSvgPath) {\n this._svg = await this.fetchSvg(this.customSvgPath);\n } else {\n // throw new Error(`No icon named \"${this.name}\"`);\n }\n }\n this.addAttributesToSvg();\n }\n\n private addAttributesToSvg(){\n const svg = this.renderRoot.querySelector('#svg')\n const attrs = svg?.attributes\n if(!attrs?.getNamedItem('xmlns')){\n svg?.setAttribute('xmlns',\"http://www.w3.org/2000/svg\");\n }\n if(!attrs?.getNamedItem('version')){\n svg?.setAttribute(\"version\",\"1.1\")\n }\n if(this.frame){\n svg?.setAttribute('viewBox',`0 0 ${this.frame} ${this.frame}`)\n }\n else if(!attrs?.getNamedItem('viewBox')){\n const viewboxLogic = this.frame\n ? `0 0 ${this.frame} ${this.frame}`\n : '0 0 16 16';\n svg?.setAttribute('viewBox',viewboxLogic)\n }\n\n if(!attrs?.getNamedItem('height')){\n svg?.setAttribute('height',String(this.size));\n svg?.setAttribute('width',String(this.size));\n }\n\n svg?.setAttribute('aria-hidden',`${this.description === ''}`);\n svg?.setAttribute('aria-label',this.description || '');\n\n const additionalClasses = Object.keys(this.buttonClassMap).filter((key:string)=> this.buttonClassMap[key])\n\n svg?.classList.add('nds-icon',...additionalClasses)\n }\n\n private async fetchSvg(path: string): Promise<string> {\n const response = await fetch(path);\n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n\n return await response.text();\n }\n\n private removeHyphens(iconName: string) {\n return iconName.replace(/-/g, '');\n }\n\n private getSvgTemplate(){\n const svgTagRegexPattern =/<svg\\s[^>]*>/;\n const regexToGetSVGAttrs = this._svg.match(svgTagRegexPattern);\n const svgAttrs = regexToGetSVGAttrs?.[0].replace('<svg','').replace('>','')\n const svgBody = this._svg.replace(\n svgTagRegexPattern,\n ''\n )\n .replace('</svg>', '')\n return `<svg\n id='svg'\n focusable='true'\n role='img'\n ${svgAttrs}\n >\n ${svgBody}\n </svg>`\n }\n\n get buttonClassMap() {\n return {\n 'stroke': this.method != 'fill' ,\n 'nds-icon--push': this.push,\n 'no-fill': this.noFill,\n } as ButtonClassMap;\n }\n\n protected override render(): TemplateResult {\n const size = this.size;\n const color = this.color;\n\n /**\n * When icons are outside frame\n */\n const viewboxLogic = this.frame\n ? `0 0 ${this.frame} ${this.frame}`\n : '0 0 16 16';\n\n\n if (\n (!this._svg.includes('fill=') || this._svg.includes('fill=\"inherit\"')) &&\n !this.color\n ) {\n // Case 1: _svg does not have fill color or has fill=\"inherit\" and this.color is not mentioned\n this.style.setProperty('--nile-svg-fill', `var(--nile-colors-dark-500,var(--ng-colors-fg-secondary-700))`);\n\n } else if (this.color) {\n // Case 2: If this.color is mentioned, use it as fill, regardless of _svg color\n this.style.setProperty('--nile-svg-fill', `${this.color}`);\n }\n\n return html`\n <span class=\"nds-icon ${classMap(this.buttonClassMap)}\">\n ${unsafeSVG(this.getSvgTemplate())}\n </span>\n `\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-icon': NileIcon;\n }\n}\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-icon/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAkB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,OAAO,KAAK,KAAK,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAS,YAAY,CAAC;AAUzC,MAAM,SAAS,GAAc,KAAkB,CAAC;AAEhD,MAAM,eAAe,GAAG,EAAE,CAAC;AAC3B,MAAM,eAAe,GAAG,EAAE,CAAC;AAE3B;;;;;GAKG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAAjC;;QACL;;;;WAIG;QAEI,QAAG,GAAY,OAAO,CAAC;QAU9B;;;WAGG;QAEI,gBAAW,GAAG,EAAE,CAAC;QAGjB,WAAM,GAAG,MAAM,CAAC;QASvB;;;WAGG;QAEI,SAAI,GAAG,eAAe,CAAC;QAGvB,eAAU,GAAG,GAAG,eAAe,IAAI,CAAC;QAGnC,SAAI,GAAG,EAAE,CAAC;QAEmB,UAAK,GAAG,QAAQ,CAAC;QAQ/C,SAAI,GAAG,KAAK,CAAC;QAGb,WAAM,GAAG,KAAK,CAAC;IAyLxB,CAAC;IAtIS,YAAY;QAClB,OAAO,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC;IAC3E,CAAC;IAEkB,KAAK,CAAC,OAAO,CAC9B,iBAAiC;QAEjC,IAAI,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;YAClC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,mBAAmB,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC;YAC9D,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,kBAAkB,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC;QAC/D,CAAC;QACD,IAAI,iBAAiB,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC;YACxC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,mBAAmB,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;YAClE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,kBAAkB,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;QACnE,CAAC;QACD,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACnC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,iBAAiB,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QAC7D,CAAC;QACD,IAAI,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,iBAAiB,CAAC,GAAG,CAAC,eAAe,CAAC,EAAE,CAAC;YAC5E,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC;YAC/C,MAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC;YACtC,IAAI,QAAQ,IAAI,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC;gBACpC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;YACxC,CAAC;iBAAM,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;gBAC9B,IAAI,CAAC,IAAI,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YACtD,CAAC;iBAAM,CAAC;gBACN,mDAAmD;YACrD,CAAC;QACH,CAAC;QACD,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAEO,kBAAkB;QACxB,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;QACjD,MAAM,KAAK,GAAG,GAAG,EAAE,UAAU,CAAA;QAC7B,IAAG,CAAC,KAAK,EAAE,YAAY,CAAC,OAAO,CAAC,EAAC,CAAC;YAChC,GAAG,EAAE,YAAY,CAAC,OAAO,EAAC,4BAA4B,CAAC,CAAC;QAC1D,CAAC;QACD,IAAG,CAAC,KAAK,EAAE,YAAY,CAAC,SAAS,CAAC,EAAC,CAAC;YAClC,GAAG,EAAE,YAAY,CAAC,SAAS,EAAC,KAAK,CAAC,CAAA;QACpC,CAAC;QACD,IAAG,IAAI,CAAC,KAAK,EAAC,CAAC;YACb,GAAG,EAAE,YAAY,CAAC,SAAS,EAAC,OAAO,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;QAChE,CAAC;aACI,IAAG,CAAC,KAAK,EAAE,YAAY,CAAC,SAAS,CAAC,EAAC,CAAC;YACvC,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK;gBAC/B,CAAC,CAAC,OAAO,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,EAAE;gBACnC,CAAC,CAAC,WAAW,CAAC;YACd,GAAG,EAAE,YAAY,CAAC,SAAS,EAAC,YAAY,CAAC,CAAA;QAC3C,CAAC;QAED,IAAG,CAAC,KAAK,EAAE,YAAY,CAAC,QAAQ,CAAC,EAAC,CAAC;YACjC,GAAG,EAAE,YAAY,CAAC,QAAQ,EAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;YAC9C,GAAG,EAAE,YAAY,CAAC,OAAO,EAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC/C,CAAC;QAED,GAAG,EAAE,YAAY,CAAC,aAAa,EAAC,GAAG,IAAI,CAAC,WAAW,KAAK,EAAE,EAAE,CAAC,CAAC;QAC9D,GAAG,EAAE,YAAY,CAAC,YAAY,EAAC,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC;QAEvD,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,GAAU,EAAC,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAA;QAE1G,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,UAAU,EAAC,GAAG,iBAAiB,CAAC,CAAA;IACrD,CAAC;IAEO,KAAK,CAAC,QAAQ,CAAC,IAAY;QACjC,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,IAAI,CAAC,CAAC;QACnC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,uBAAuB,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;QAC5D,CAAC;QAED,OAAO,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;IAC/B,CAAC;IAEO,aAAa,CAAC,QAAgB;QACpC,OAAO,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IACpC,CAAC;IAEO,cAAc;QACpB,MAAM,kBAAkB,GAAE,cAAc,CAAC;QACzC,MAAM,kBAAkB,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC;QAC/D,MAAM,QAAQ,GAAG,kBAAkB,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAC,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,EAAC,EAAE,CAAC,CAAA;QAC3E,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAChC,kBAAkB,EACjB,EAAE,CACH;aACA,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAA;QACtB,OAAQ;;;;wBAIY,QAAQ;;wBAER,OAAO;2BACJ,CAAA;IACzB,CAAC;IAED,IAAI,cAAc;QAChB,OAAO;YACL,QAAQ,EAAE,IAAI,CAAC,MAAM,IAAI,MAAM;YAC/B,gBAAgB,EAAE,IAAI,CAAC,IAAI;YAC3B,SAAS,EAAE,IAAI,CAAC,MAAM;SACL,CAAC;IACtB,CAAC;IAEkB,MAAM;QACvB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACvB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QAEzB;;WAEG;QACH,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK;YAC7B,CAAC,CAAC,OAAO,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,EAAE;YACnC,CAAC,CAAC,WAAW,CAAC;QAGhB,IACE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;YACtE,CAAC,IAAI,CAAC,KAAK,EACX,CAAC;YACD,8FAA8F;YAC9F,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,iBAAiB,EAAE,+DAA+D,CAAC,CAAC;QAE7G,CAAC;aAAM,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACtB,+EAA+E;YAChF,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,iBAAiB,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QAC5D,CAAC;QAED,OAAO,IAAI,CAAA;8BACe,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC;UACjD,SAAS,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;;KAErC,CAAA;IACH,CAAC;;AAhLe,eAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyC3B,AAzCqB,CAyCpB;AApGK;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCACZ;AAQvB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCACrB;AAOd;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAClB;AAGjB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCACnB;AAOhB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CACG;AAOvB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCACZ;AAGvB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CACC;AAGnC;IADP,KAAK,EAAE;sCACU;AAEmB;IAApC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCAA2B;AAKzB;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAAa;AAGlC;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;sCACR;AAGb;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCACN;AAMO;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAAY;AAhE7B,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAmPpB","sourcesContent":["import { LitElement, html, css, PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport type { TemplateResult } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport * as Icons from './icons/svg';\nimport { aliasMap } from './aliasmap';\n\ninterface IconPaths {\n [key: string]: string;\n}\n\ninterface ButtonClassMap {\n [key:string]: boolean;\n}\n\nconst iconPaths: IconPaths = Icons as IconPaths;\n\nconst SMALL_ICON_SIZE = 16;\nconst LARGE_ICON_SIZE = 24;\n\n/**\n * Nile icon component.\n *\n * @tag nile-icon\n *\n */\n@customElement('nile-icon')\nexport class NileIcon extends LitElement {\n /**\n * The name of the icon set\n * @attr icon set\n * @type {IconName | undefined}\n */\n @property({ type: String, reflect: true })\n public set?: string = 'local';\n\n /**\n * The name of the icon\n * @attr name\n * @type {IconName | undefined}\n */\n @property({ type: String, reflect: true })\n public name?: string;\n\n /**\n * A description of what the icon represents\n * @attr description\n */\n @property({ type: String, reflect: true })\n public description = '';\n\n @property({ type: String, reflect: true })\n public method = 'fill';\n\n /**\n * A path to a custom SVG file to display as the icon\n * @attr customSvgPath\n */\n @property({ type: String })\n public customSvgPath?: string;\n\n /**\n * A size of what the icon represents\n * @attr size\n */\n @property({ type: String, reflect: true })\n public size = SMALL_ICON_SIZE;\n\n @property({ type: String, reflect: true })\n public size_token = `${SMALL_ICON_SIZE}px`;\n\n @state()\n private _svg = '';\n\n @property({ type: String }) override title = 'agents';\n\n /**\n * Color\n */\n @property({ reflect: true }) color: any ;\n\n @property({ type: Boolean })\n public push = false;\n\n @property({ type: Boolean })\n public noFill = false;\n\n /**\n * Retain Viewbox\n */\n\n @property({ reflect: true }) frame: any;\n\n static override styles = css`\n :host {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n contain: content;\n --nile-svg-stroke-width: 1.3;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .nds-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .nds-icon svg {\n height: var(--nile-svg-height);\n width: var(--nile-svg-width);\n stroke: var(--nile-svg-stroke);\n }\n\n .nds-icon svg * {\n fill: var(--nile-svg-fill);\n }\n\n .nds-icon.no-fill svg path {\n fill: revert-layer;\n }\n\n .stroke svg path {\n fill: none !important;\n stroke: var(--nile-svg-fill) !important;\n stroke-width: var(--nile-svg-stroke-width);\n }\n\n .nds-icon--push {\n margin-right: var(--nile-spacing-lg);\n }\n `;\n\n private _getIconSize(): number {\n return this.name?.endsWith('-small') ? SMALL_ICON_SIZE : LARGE_ICON_SIZE;\n }\n\n protected override async updated(\n changedProperties: PropertyValues\n ): Promise<void> {\n if (changedProperties.has('size')) {\n this.style.setProperty('--nile-svg-height', `${this.size}px`);\n this.style.setProperty('--nile-svg-width', `${this.size}px`);\n }\n if (changedProperties.has('size_token')) {\n this.style.setProperty('--nile-svg-height', `${this.size_token}`);\n this.style.setProperty('--nile-svg-width', `${this.size_token}`);\n }\n if (changedProperties.has('color')) {\n this.style.setProperty('--nile-svg-fill', `${this.color}`);\n }\n if (changedProperties.has('name') || changedProperties.has('customSvgPath')) {\n const raw = this.name?.replace(/-/g, '') ?? '';\n const iconName = aliasMap[raw] || raw;\n if (iconName && iconPaths[iconName]) {\n this._svg = atob(iconPaths[iconName]);\n } else if (this.customSvgPath) {\n this._svg = await this.fetchSvg(this.customSvgPath);\n } else {\n // throw new Error(`No icon named \"${this.name}\"`);\n }\n }\n this.addAttributesToSvg();\n }\n\n private addAttributesToSvg(){\n const svg = this.renderRoot.querySelector('#svg')\n const attrs = svg?.attributes\n if(!attrs?.getNamedItem('xmlns')){\n svg?.setAttribute('xmlns',\"http://www.w3.org/2000/svg\");\n }\n if(!attrs?.getNamedItem('version')){\n svg?.setAttribute(\"version\",\"1.1\")\n }\n if(this.frame){\n svg?.setAttribute('viewBox',`0 0 ${this.frame} ${this.frame}`)\n }\n else if(!attrs?.getNamedItem('viewBox')){\n const viewboxLogic = this.frame\n ? `0 0 ${this.frame} ${this.frame}`\n : '0 0 16 16';\n svg?.setAttribute('viewBox',viewboxLogic)\n }\n\n if(!attrs?.getNamedItem('height')){\n svg?.setAttribute('height',String(this.size));\n svg?.setAttribute('width',String(this.size));\n }\n\n svg?.setAttribute('aria-hidden',`${this.description === ''}`);\n svg?.setAttribute('aria-label',this.description || '');\n\n const additionalClasses = Object.keys(this.buttonClassMap).filter((key:string)=> this.buttonClassMap[key])\n\n svg?.classList.add('nds-icon',...additionalClasses)\n }\n\n private async fetchSvg(path: string): Promise<string> {\n const response = await fetch(path);\n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n\n return await response.text();\n }\n\n private removeHyphens(iconName: string) {\n return iconName.replace(/-/g, '');\n }\n\n private getSvgTemplate(){\n const svgTagRegexPattern =/<svg\\s[^>]*>/;\n const regexToGetSVGAttrs = this._svg.match(svgTagRegexPattern);\n const svgAttrs = regexToGetSVGAttrs?.[0].replace('<svg','').replace('>','')\n const svgBody = this._svg.replace(\n svgTagRegexPattern,\n ''\n )\n .replace('</svg>', '')\n return `<svg\n id='svg'\n focusable='true'\n role='img'\n ${svgAttrs}\n >\n ${svgBody}\n </svg>`\n }\n\n get buttonClassMap() {\n return {\n 'stroke': this.method != 'fill' ,\n 'nds-icon--push': this.push,\n 'no-fill': this.noFill,\n } as ButtonClassMap;\n }\n\n protected override render(): TemplateResult {\n const size = this.size;\n const color = this.color;\n\n /**\n * When icons are outside frame\n */\n const viewboxLogic = this.frame\n ? `0 0 ${this.frame} ${this.frame}`\n : '0 0 16 16';\n\n\n if (\n (!this._svg.includes('fill=') || this._svg.includes('fill=\"inherit\"')) &&\n !this.color\n ) {\n // Case 1: _svg does not have fill color or has fill=\"inherit\" and this.color is not mentioned\n this.style.setProperty('--nile-svg-fill', `var(--nile-colors-dark-500,var(--ng-colors-fg-secondary-700))`);\n\n } else if (this.color) {\n // Case 2: If this.color is mentioned, use it as fill, regardless of _svg color\n this.style.setProperty('--nile-svg-fill', `${this.color}`);\n }\n\n return html`\n <span class=\"nds-icon ${classMap(this.buttonClassMap)}\">\n ${unsafeSVG(this.getSvgTemplate())}\n </span>\n `\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-icon': NileIcon;\n }\n}\n"]}
package/dist/src/nile-select/nile-select.css.js CHANGED
@@ -369,8 +369,8 @@ export const styles = css `
369
369
  .select__listbox {
370
370
  display: block;
371
371
  position: relative;
372
- font-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));
373
- font-weight: var(--nile-font-weight-regular);
372
+ font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));
373
+ font-weight: var(--nile-font-weight-regular, --ng-font-weight-regular);
374
374
  background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
375
375
  border: solid 1px var(--nile-colors-neutral-500, var(--ng-colors-border-secondary-alt));
376
376
  border-radius: var(--nile-radius-sm, var(--ng-radius-md));
package/dist/src/nile-select/nile-select.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"nile-select.css.js","sourceRoot":"","sources":["../../../src/nile-select/nile-select.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4dxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Select_2 CSS\n */\nexport const styles = css`\n :host {\n box-sizing: border-box;\n --ng-nxt-gen-outline: var(--ng-border-width-1) solid var(--ng-colors-border-brand);\n --ng-nxt-gen-outline-error: var(--ng-border-width-1) solid var(--ng-colors-border-error);\n --ng-private-outline-transparent: var(--ng-border-width-1) solid transparent;\n --ng-box-shadow: 0px 12px 16px -4px var(--ng-colors-effects-shadow-lg-01, rgba(10, 13, 18, 0.08)), 0px 4px 6px -2px var(--ng-colors-effects-shadow-lg-02, rgba(10, 13, 18, 0.03)), 0px 2px 2px -1px var(--ng-colors-effects-shadow-lg-03, rgba(10, 13, 18, 0.04));\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n :host *,\n :host *::before,\n :host *::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n .form-control .form-control__label {\n display: none;\n }\n\n .form-control .form-control__help-text {\n display: none;\n }\n\n /* Label */\n .form-control--has-label .form-control__label {\n display: block;\n margin-bottom: var(--nile-spacing-sm, var(--ng-spacing-sm));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n font-style: normal;\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-500));\n line-height: var(--nile-line-height-small, var(--ng-line-height-text-sm));\n letter-spacing: 0.2px;\n }\n\n .form-control--has-label.form-control--medium .form-control__label {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n }\n\n :host([required]) .form-control--has-label .form-control__label::after {\n content: '*';\n margin-inline-start: -2px;\n color: var(--nile-colors-red-700, var(--ng-colors-text-brand-tertiary-600));\n }\n\n /* Help text */\n .form-control--has-help-text .form-control__help-text {\n display: block;\n color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n margin-top: var(--nile-spacing-lg, var(--ng-spacing-lg));\n }\n\n .form-control--has-help-text.form-control--medium .form-control__help-text {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n }\n\n .form-control--has-help-text.form-control--radio-group\n .form-control__help-text {\n margin-top: var(--nile-spacing-xs, var(--ng-spacing-sm));\n }\n\n :host {\n display: block;\n }\n\n /** The popup */\n .select {\n flex: 1 1 auto;\n display: inline-flex;\n width: 100%;\n position: relative;\n vertical-align: middle;\n }\n\n .select::part(popup) {\n z-index: 9999;\n }\n\n .select[data-current-placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .select[data-current-placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n /* Combobox */\n .select__combobox {\n flex: 1;\n display: flex;\n width: 100%;\n min-width: 0;\n position: relative;\n align-items: center;\n justify-content: start;\n font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-500));\n letter-spacing: normal;\n vertical-align: middle;\n overflow: hidden;\n cursor: pointer;\n transition: 150ms color, 150ms border, 150ms box-shadow,\n 150ms background-color;\n }\n\n .select__display-input {\n position: relative;\n width: 100%;\n font: inherit;\n border: none;\n background: none;\n color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n cursor: inherit;\n overflow: hidden;\n padding: var(--nile-spacing-none, var(--ng-spacing-none));\n margin: var(--nile-spacing-none, var(--ng-spacing-none));\n -webkit-appearance: none;\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n }\n\n\n .select__display-input::placeholder {\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n color: var(--nile-colors-text-placeholder, var(--ng-colors-text-placeholder));\n }\n\n .select:not(.select--disabled):hover .select__display-input {\n color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n }\n\n .select__display-input:focus {\n outline: none;\n }\n\n /* Visually hide the display input when multiple is enabled */\n .select--multiple:not(.select--placeholder-visible) .select__display-input {\n position: absolute;\n z-index: -1;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n .select__value-input {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: var(--nile-spacing-none);\n margin: var(--nile-spacing-none);\n opacity: 0;\n z-index: -1;\n }\n\n .select__tags {\n display: flex;\n flex: 1;\n align-items: center;\n flex-wrap: no-wrap;\n margin-inline-start: var(--nile-spacing-md, var(--ng-spacing-md));\n width: 100%;\n overflow: hidden;\n }\n\n .select__tags-count {\n color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n\n font-style: normal;\n font-weight: var(--nile-font-weight-regular);\n line-height: var(--nile-line-height-xsmall);\n letter-spacing: 0.2px;\n margin: var(--nile-spacing-sm, var(--ng-spacing-sm));\n }\n\n .select__tags-count-clearable {\n margin-right: var(--nile-spacing-5xl, var(--ng-spacing-5xl));\n }\n\n .select__tags::slotted(nile-tag) {\n cursor: pointer !important;\n }\n\n .select--disabled .select__tags,\n .select--disabled .select__tags::slotted(nile-tag) {\n cursor: not-allowed !important;\n }\n\n /* Standard selects */\n .select--standard .select__combobox {\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n border: solid 1px var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n outline: var(--nile-outline-none, var(--ng-private-outline-transparent));\n }\n\n .select--standard .select__combobox:hover {\n border: 1px solid var(--nile-colors-dark-900, var(--ng-colors-border-brand));\n background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n outline: var(--nile-outline-none, var(--ng-nxt-gen-outline));\n }\n\n .select--error:hover:not(.select--disabled) .select__combobox{\n border-color: var(--nile-colors-red-500, var(--ng-colors-border-error));\n outline: var(--nile-outline-none, var(--ng-colors-border-error));\n }\n\n .select--standard.select--disabled .select__combobox {\n background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled-subtle));\n border-color: var(--nile-colors-neutral-500,var(--ng-colors-border-primary) );\n color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n opacity: var(--nile-opacity-50, var(--ng-opacity-100));\n cursor: not-allowed;\n outline: none;\n }\n\n .select--standard:not(.select--disabled).select--open .select__combobox,\n .select--standard:not(.select--disabled).select--focused .select__combobox {\n background-color: var(--nile-colors-neutral-100);\n }\n\n .select--warning .select__combobox {\n border-color: var(--nile-colors-yellow-500, var(--ng-colors-border-warning));\n }\n\n .select--error .select__combobox {\n border-color: var(--nile-colors-red-500, var(--ng-colors-border-error));\n outline: var(--nile-outline-none, var(--ng-private-outline-transparent));\n }\n\n\n\n\n .select--success {\n border-color: var(--nile-colors-green-500, var(--ng-componentcolors-utility-success-500));\n }\n\n /* Filled selects */\n .select--filled .select__combobox {\n border: none;\n background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n }\n\n .select--filled:hover:not(.select--disabled) .select__combobox {\n background-color: var(--nile-colors-neutral-100);\n }\n\n .select--filled.select--disabled .select__combobox {\n background-color: var(--nile-colors-neutral-100);\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .select--filled:not(.select--disabled).select--open .select__combobox,\n .select--filled:not(.select--disabled).select--focused .select__combobox {\n background-color: var(--nile-colors-neutral-100);\n outline: 3px solid rgba(0, 89, 255, 0.4);\n }\n\n .select--medium .select__combobox {\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n\n padding: var(--nile-spacing-lg, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n height: var(--nile-height-40px, var(--ng-height-40px));\n box-sizing: border-box;\n }\n\n .select--medium .select__clear {\n margin-inline-start: var(--nile-spacing-lg, var(--ng-spacing-lg));\n }\n\n .select--medium .select__prefix::slotted(*) {\n margin-inline-end: var(--nile-spacing-lg, var(--ng-spacing-md));\n }\n\n .select--medium .select__prefix.multiple::slotted(*) {\n margin-right: var(--nile-spacing-lg, var(--ng-spacing-md));\n }\n\n .select--medium.select--multiple:not(.select--placeholder-visible)\n .select__combobox {\n padding-inline-start: var(--nile-spacing-none, var(--ng-spacing-none));\n }\n\n .select--medium .select__tags {\n gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n }\n\n /* Pills */\n .select--pill.select--medium .select__combobox {\n border-radius: var(--nile-radius-3xl);\n }\n\n /* Prefix */\n .select__prefix {\n flex: 0;\n display: inline-flex;\n align-items: center;\n color: var(--nile-colors-dark-500);\n }\n\n .select__suffix {\n flex: 0;\n display: inline-flex;\n align-items: center;\n color: var(--nile-colors-dark-500);\n }\n\n /* Clear button */\n .select__clear {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: inherit;\n color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n border: none;\n background: none;\n padding: var(--nile-spacing-none);\n transition: 150ms color;\n cursor: pointer;\n }\n\n .select__clear:hover {\n color: var(--nile-colors-dark-500);\n }\n\n .select__clear:focus {\n outline: none;\n }\n\n /* Expand icon */\n .select__expand-icon {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n transition: 250ms rotate ease;\n rotate: 0;\n margin-inline-start: var(--nile-spacing-md, var(--ng-spacing-md));\n }\n\n .select--open .select__expand-icon {\n rotate: -180deg;\n }\n\n /* Listbox */\n .select__listbox {\n display: block;\n position: relative;\n font-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));\n font-weight: var(--nile-font-weight-regular);\n background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n border: solid 1px var(--nile-colors-neutral-500, var(--ng-colors-border-secondary-alt));\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n padding-block: var(--nile-spacing-none, var(--ng-spacing-xs));\n padding-inline: var(--nile-spacing-none, var(--ng-spacing-xs));\n overflow: auto;\n overscroll-behavior: none;\n /* Make sure it adheres to the popup's auto size */\n max-width: var(--auto-size-available-width);\n max-height: var(--auto-size-available-height);\n box-shadow: var(--nile-box-shadow-none, var(--ng-shadow-xs));\n }\n\n .select__options__search-enabled {\n padding-top: var(--nile-spacing-lg, var(--ng-spacing-lg));\n }\n\n .select__options {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n\n color: rgb(133, 129, 129);\n }\n\n .select__listbox::slotted(nile-divider) {\n --spacing: var(--nile-spacing-xs, var(--ng-spacing-sm));\n }\n\n .select__listbox::slotted(small) {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n\n font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-600));\n color: var(--nile-colors-dark-500);\n padding-block: var(--nile-spacing-xs, var(--ng-spacing-sm));\n padding-inline: var(--nile-spacing-xl, var(--ng-spacing-xl));\n }\n\n .select__search {\n position: sticky;\n top: 0px;\n z-index: 1;\n width: calc(100% - 16px);\n padding: var(--nile-spacing-md, var(--ng-spacing-md));\n background-color: var(--nile-colors-white-base);\n margin-bottom: -8px;\n }\n\n .select__footer {\n position: sticky;\n bottom: 0px;\n background: var(--nile-colors-neutral-100);\n border: 1px solid var(--nile-colors-neutral-400);\n display: flex;\n height: 15px;\n /* Auto layout */\n display:var(--nile-display-flex, var(--ng-display-none));\n flex-direction: row;\n align-items: flex-start;\n padding: var(--nile-spacing-md) var(--nile-spacing-lg)\n var(--nile-spacing-xl);\n gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n justify-content: space-between;\n }\n\n .tag__prefix[slot='prefix'] {\n height: 14px;\n display: inline-block;\n overflow: hidden;\n }\n\n .tag__prefix[slot='prefix'] img {\n max-height: 100%;\n }\n\n .select__loader {\n width: 100%;\n text-align: center;\n display: block;\n }\n\n .select__loader--icon {\n margin-top: var(--nile-spacing-xl, var(--ng-spacing-xl));\n animation: spin 0.6s linear infinite;\n }\n\n .select__no-results {\n padding: var(--nile-spacing-lg, var(--ng-spacing-lg));\n }\n\n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n\n .select__invisible {\n opacity: 0;\n }\n\n .select__prefix--from-options {\n margin-inline-end: var(--nile-spacing-lg, var(--ng-spacing-md));\n }\n\n .select__prefix--from-options img{\n max-height: var(--nile-height-22px, var(--ng-height-24px));\n max-width: var(--nile-width-22px, var(--ng-width-6));\n }\n\n .select__hide-default {\n display: none;\n }\n`;\n\nexport default [styles];\n"]}
1
+ {"version":3,"file":"nile-select.css.js","sourceRoot":"","sources":["../../../src/nile-select/nile-select.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4dxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Select_2 CSS\n */\nexport const styles = css`\n :host {\n box-sizing: border-box;\n --ng-nxt-gen-outline: var(--ng-border-width-1) solid var(--ng-colors-border-brand);\n --ng-nxt-gen-outline-error: var(--ng-border-width-1) solid var(--ng-colors-border-error);\n --ng-private-outline-transparent: var(--ng-border-width-1) solid transparent;\n --ng-box-shadow: 0px 12px 16px -4px var(--ng-colors-effects-shadow-lg-01, rgba(10, 13, 18, 0.08)), 0px 4px 6px -2px var(--ng-colors-effects-shadow-lg-02, rgba(10, 13, 18, 0.03)), 0px 2px 2px -1px var(--ng-colors-effects-shadow-lg-03, rgba(10, 13, 18, 0.04));\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n :host *,\n :host *::before,\n :host *::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n .form-control .form-control__label {\n display: none;\n }\n\n .form-control .form-control__help-text {\n display: none;\n }\n\n /* Label */\n .form-control--has-label .form-control__label {\n display: block;\n margin-bottom: var(--nile-spacing-sm, var(--ng-spacing-sm));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n font-style: normal;\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-500));\n line-height: var(--nile-line-height-small, var(--ng-line-height-text-sm));\n letter-spacing: 0.2px;\n }\n\n .form-control--has-label.form-control--medium .form-control__label {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n }\n\n :host([required]) .form-control--has-label .form-control__label::after {\n content: '*';\n margin-inline-start: -2px;\n color: var(--nile-colors-red-700, var(--ng-colors-text-brand-tertiary-600));\n }\n\n /* Help text */\n .form-control--has-help-text .form-control__help-text {\n display: block;\n color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n margin-top: var(--nile-spacing-lg, var(--ng-spacing-lg));\n }\n\n .form-control--has-help-text.form-control--medium .form-control__help-text {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n }\n\n .form-control--has-help-text.form-control--radio-group\n .form-control__help-text {\n margin-top: var(--nile-spacing-xs, var(--ng-spacing-sm));\n }\n\n :host {\n display: block;\n }\n\n /** The popup */\n .select {\n flex: 1 1 auto;\n display: inline-flex;\n width: 100%;\n position: relative;\n vertical-align: middle;\n }\n\n .select::part(popup) {\n z-index: 9999;\n }\n\n .select[data-current-placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .select[data-current-placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n /* Combobox */\n .select__combobox {\n flex: 1;\n display: flex;\n width: 100%;\n min-width: 0;\n position: relative;\n align-items: center;\n justify-content: start;\n font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-500));\n letter-spacing: normal;\n vertical-align: middle;\n overflow: hidden;\n cursor: pointer;\n transition: 150ms color, 150ms border, 150ms box-shadow,\n 150ms background-color;\n }\n\n .select__display-input {\n position: relative;\n width: 100%;\n font: inherit;\n border: none;\n background: none;\n color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n cursor: inherit;\n overflow: hidden;\n padding: var(--nile-spacing-none, var(--ng-spacing-none));\n margin: var(--nile-spacing-none, var(--ng-spacing-none));\n -webkit-appearance: none;\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n }\n\n\n .select__display-input::placeholder {\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n color: var(--nile-colors-text-placeholder, var(--ng-colors-text-placeholder));\n }\n\n .select:not(.select--disabled):hover .select__display-input {\n color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n }\n\n .select__display-input:focus {\n outline: none;\n }\n\n /* Visually hide the display input when multiple is enabled */\n .select--multiple:not(.select--placeholder-visible) .select__display-input {\n position: absolute;\n z-index: -1;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n .select__value-input {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: var(--nile-spacing-none);\n margin: var(--nile-spacing-none);\n opacity: 0;\n z-index: -1;\n }\n\n .select__tags {\n display: flex;\n flex: 1;\n align-items: center;\n flex-wrap: no-wrap;\n margin-inline-start: var(--nile-spacing-md, var(--ng-spacing-md));\n width: 100%;\n overflow: hidden;\n }\n\n .select__tags-count {\n color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n\n font-style: normal;\n font-weight: var(--nile-font-weight-regular);\n line-height: var(--nile-line-height-xsmall);\n letter-spacing: 0.2px;\n margin: var(--nile-spacing-sm, var(--ng-spacing-sm));\n }\n\n .select__tags-count-clearable {\n margin-right: var(--nile-spacing-5xl, var(--ng-spacing-5xl));\n }\n\n .select__tags::slotted(nile-tag) {\n cursor: pointer !important;\n }\n\n .select--disabled .select__tags,\n .select--disabled .select__tags::slotted(nile-tag) {\n cursor: not-allowed !important;\n }\n\n /* Standard selects */\n .select--standard .select__combobox {\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n border: solid 1px var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n outline: var(--nile-outline-none, var(--ng-private-outline-transparent));\n }\n\n .select--standard .select__combobox:hover {\n border: 1px solid var(--nile-colors-dark-900, var(--ng-colors-border-brand));\n background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n outline: var(--nile-outline-none, var(--ng-nxt-gen-outline));\n }\n\n .select--error:hover:not(.select--disabled) .select__combobox{\n border-color: var(--nile-colors-red-500, var(--ng-colors-border-error));\n outline: var(--nile-outline-none, var(--ng-colors-border-error));\n }\n\n .select--standard.select--disabled .select__combobox {\n background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled-subtle));\n border-color: var(--nile-colors-neutral-500,var(--ng-colors-border-primary) );\n color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n opacity: var(--nile-opacity-50, var(--ng-opacity-100));\n cursor: not-allowed;\n outline: none;\n }\n\n .select--standard:not(.select--disabled).select--open .select__combobox,\n .select--standard:not(.select--disabled).select--focused .select__combobox {\n background-color: var(--nile-colors-neutral-100);\n }\n\n .select--warning .select__combobox {\n border-color: var(--nile-colors-yellow-500, var(--ng-colors-border-warning));\n }\n\n .select--error .select__combobox {\n border-color: var(--nile-colors-red-500, var(--ng-colors-border-error));\n outline: var(--nile-outline-none, var(--ng-private-outline-transparent));\n }\n\n\n\n\n .select--success {\n border-color: var(--nile-colors-green-500, var(--ng-componentcolors-utility-success-500));\n }\n\n /* Filled selects */\n .select--filled .select__combobox {\n border: none;\n background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n }\n\n .select--filled:hover:not(.select--disabled) .select__combobox {\n background-color: var(--nile-colors-neutral-100);\n }\n\n .select--filled.select--disabled .select__combobox {\n background-color: var(--nile-colors-neutral-100);\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .select--filled:not(.select--disabled).select--open .select__combobox,\n .select--filled:not(.select--disabled).select--focused .select__combobox {\n background-color: var(--nile-colors-neutral-100);\n outline: 3px solid rgba(0, 89, 255, 0.4);\n }\n\n .select--medium .select__combobox {\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n\n padding: var(--nile-spacing-lg, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n height: var(--nile-height-40px, var(--ng-height-40px));\n box-sizing: border-box;\n }\n\n .select--medium .select__clear {\n margin-inline-start: var(--nile-spacing-lg, var(--ng-spacing-lg));\n }\n\n .select--medium .select__prefix::slotted(*) {\n margin-inline-end: var(--nile-spacing-lg, var(--ng-spacing-md));\n }\n\n .select--medium .select__prefix.multiple::slotted(*) {\n margin-right: var(--nile-spacing-lg, var(--ng-spacing-md));\n }\n\n .select--medium.select--multiple:not(.select--placeholder-visible)\n .select__combobox {\n padding-inline-start: var(--nile-spacing-none, var(--ng-spacing-none));\n }\n\n .select--medium .select__tags {\n gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n }\n\n /* Pills */\n .select--pill.select--medium .select__combobox {\n border-radius: var(--nile-radius-3xl);\n }\n\n /* Prefix */\n .select__prefix {\n flex: 0;\n display: inline-flex;\n align-items: center;\n color: var(--nile-colors-dark-500);\n }\n\n .select__suffix {\n flex: 0;\n display: inline-flex;\n align-items: center;\n color: var(--nile-colors-dark-500);\n }\n\n /* Clear button */\n .select__clear {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: inherit;\n color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n border: none;\n background: none;\n padding: var(--nile-spacing-none);\n transition: 150ms color;\n cursor: pointer;\n }\n\n .select__clear:hover {\n color: var(--nile-colors-dark-500);\n }\n\n .select__clear:focus {\n outline: none;\n }\n\n /* Expand icon */\n .select__expand-icon {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n transition: 250ms rotate ease;\n rotate: 0;\n margin-inline-start: var(--nile-spacing-md, var(--ng-spacing-md));\n }\n\n .select--open .select__expand-icon {\n rotate: -180deg;\n }\n\n /* Listbox */\n .select__listbox {\n display: block;\n position: relative;\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n font-weight: var(--nile-font-weight-regular, --ng-font-weight-regular);\n background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n border: solid 1px var(--nile-colors-neutral-500, var(--ng-colors-border-secondary-alt));\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n padding-block: var(--nile-spacing-none, var(--ng-spacing-xs));\n padding-inline: var(--nile-spacing-none, var(--ng-spacing-xs));\n overflow: auto;\n overscroll-behavior: none;\n /* Make sure it adheres to the popup's auto size */\n max-width: var(--auto-size-available-width);\n max-height: var(--auto-size-available-height);\n box-shadow: var(--nile-box-shadow-none, var(--ng-shadow-xs));\n }\n\n .select__options__search-enabled {\n padding-top: var(--nile-spacing-lg, var(--ng-spacing-lg));\n }\n\n .select__options {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n\n color: rgb(133, 129, 129);\n }\n\n .select__listbox::slotted(nile-divider) {\n --spacing: var(--nile-spacing-xs, var(--ng-spacing-sm));\n }\n\n .select__listbox::slotted(small) {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n\n font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-600));\n color: var(--nile-colors-dark-500);\n padding-block: var(--nile-spacing-xs, var(--ng-spacing-sm));\n padding-inline: var(--nile-spacing-xl, var(--ng-spacing-xl));\n }\n\n .select__search {\n position: sticky;\n top: 0px;\n z-index: 1;\n width: calc(100% - 16px);\n padding: var(--nile-spacing-md, var(--ng-spacing-md));\n background-color: var(--nile-colors-white-base);\n margin-bottom: -8px;\n }\n\n .select__footer {\n position: sticky;\n bottom: 0px;\n background: var(--nile-colors-neutral-100);\n border: 1px solid var(--nile-colors-neutral-400);\n display: flex;\n height: 15px;\n /* Auto layout */\n display:var(--nile-display-flex, var(--ng-display-none));\n flex-direction: row;\n align-items: flex-start;\n padding: var(--nile-spacing-md) var(--nile-spacing-lg)\n var(--nile-spacing-xl);\n gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n justify-content: space-between;\n }\n\n .tag__prefix[slot='prefix'] {\n height: 14px;\n display: inline-block;\n overflow: hidden;\n }\n\n .tag__prefix[slot='prefix'] img {\n max-height: 100%;\n }\n\n .select__loader {\n width: 100%;\n text-align: center;\n display: block;\n }\n\n .select__loader--icon {\n margin-top: var(--nile-spacing-xl, var(--ng-spacing-xl));\n animation: spin 0.6s linear infinite;\n }\n\n .select__no-results {\n padding: var(--nile-spacing-lg, var(--ng-spacing-lg));\n }\n\n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n\n .select__invisible {\n opacity: 0;\n }\n\n .select__prefix--from-options {\n margin-inline-end: var(--nile-spacing-lg, var(--ng-spacing-md));\n }\n\n .select__prefix--from-options img{\n max-height: var(--nile-height-22px, var(--ng-height-24px));\n max-width: var(--nile-width-22px, var(--ng-width-6));\n }\n\n .select__hide-default {\n display: none;\n }\n`;\n\nexport default [styles];\n"]}