@aquera/nile-elements 1.9.4 → 1.9.5

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 (140) hide show
  1. package/README.md +7 -0
  2. package/dist/index-5fef1a0d.esm.js +1 -0
  3. package/dist/index-8f38fae3.cjs.js +2 -0
  4. package/dist/index-8f38fae3.cjs.js.map +1 -0
  5. package/dist/index.cjs.js +1 -1
  6. package/dist/index.esm.js +1 -1
  7. package/dist/index.js +1287 -736
  8. package/dist/nile-combobox/index.cjs.js +1 -1
  9. package/dist/nile-combobox/index.esm.js +1 -1
  10. package/dist/nile-combobox/nile-combobox.cjs.js +1 -1
  11. package/dist/nile-combobox/nile-combobox.esm.js +1 -1
  12. package/dist/nile-command-menu/index.cjs.js +2 -0
  13. package/dist/nile-command-menu/index.cjs.js.map +1 -0
  14. package/dist/nile-command-menu/index.esm.js +1 -0
  15. package/dist/nile-command-menu/nile-command-menu.cjs.js +2 -0
  16. package/dist/nile-command-menu/nile-command-menu.cjs.js.map +1 -0
  17. package/dist/nile-command-menu/nile-command-menu.css.cjs.js +2 -0
  18. package/dist/nile-command-menu/nile-command-menu.css.cjs.js.map +1 -0
  19. package/dist/nile-command-menu/nile-command-menu.css.esm.js +182 -0
  20. package/dist/nile-command-menu/nile-command-menu.esm.js +97 -0
  21. package/dist/nile-command-menu-group/index.cjs.js +2 -0
  22. package/dist/nile-command-menu-group/index.cjs.js.map +1 -0
  23. package/dist/nile-command-menu-group/index.esm.js +1 -0
  24. package/dist/nile-command-menu-group/nile-command-menu-group.cjs.js +2 -0
  25. package/dist/nile-command-menu-group/nile-command-menu-group.cjs.js.map +1 -0
  26. package/dist/nile-command-menu-group/nile-command-menu-group.css.cjs.js +2 -0
  27. package/dist/nile-command-menu-group/nile-command-menu-group.css.cjs.js.map +1 -0
  28. package/dist/nile-command-menu-group/nile-command-menu-group.css.esm.js +33 -0
  29. package/dist/nile-command-menu-group/nile-command-menu-group.esm.js +11 -0
  30. package/dist/nile-command-menu-item/index.cjs.js +2 -0
  31. package/dist/nile-command-menu-item/index.cjs.js.map +1 -0
  32. package/dist/nile-command-menu-item/index.esm.js +1 -0
  33. package/dist/nile-command-menu-item/nile-command-menu-item.cjs.js +2 -0
  34. package/dist/nile-command-menu-item/nile-command-menu-item.cjs.js.map +1 -0
  35. package/dist/nile-command-menu-item/nile-command-menu-item.css.cjs.js +2 -0
  36. package/dist/nile-command-menu-item/nile-command-menu-item.css.cjs.js.map +1 -0
  37. package/dist/nile-command-menu-item/nile-command-menu-item.css.esm.js +115 -0
  38. package/dist/nile-command-menu-item/nile-command-menu-item.esm.js +21 -0
  39. package/dist/nile-detail/index.cjs.js +1 -1
  40. package/dist/nile-detail/index.esm.js +1 -1
  41. package/dist/nile-detail/nile-detail.cjs.js +1 -1
  42. package/dist/nile-detail/nile-detail.esm.js +1 -1
  43. package/dist/nile-dialog/nile-dialog.cjs.js +1 -1
  44. package/dist/nile-dialog/nile-dialog.cjs.js.map +1 -1
  45. package/dist/nile-dialog/nile-dialog.esm.js +1 -1
  46. package/dist/nile-dot-stepper/index.cjs.js +2 -0
  47. package/dist/nile-dot-stepper/index.cjs.js.map +1 -0
  48. package/dist/nile-dot-stepper/index.esm.js +1 -0
  49. package/dist/nile-dot-stepper/nile-dot-stepper.cjs.js +2 -0
  50. package/dist/nile-dot-stepper/nile-dot-stepper.cjs.js.map +1 -0
  51. package/dist/nile-dot-stepper/nile-dot-stepper.css.cjs.js +2 -0
  52. package/dist/nile-dot-stepper/nile-dot-stepper.css.cjs.js.map +1 -0
  53. package/dist/nile-dot-stepper/nile-dot-stepper.css.esm.js +77 -0
  54. package/dist/nile-dot-stepper/nile-dot-stepper.esm.js +24 -0
  55. package/dist/nile-section-message/nile-section-message.css.cjs.js +1 -1
  56. package/dist/nile-section-message/nile-section-message.css.cjs.js.map +1 -1
  57. package/dist/nile-section-message/nile-section-message.css.esm.js +7 -8
  58. package/dist/src/index.d.ts +4 -0
  59. package/dist/src/index.js +4 -0
  60. package/dist/src/index.js.map +1 -1
  61. package/dist/src/nile-command-menu/index.d.ts +1 -0
  62. package/dist/src/nile-command-menu/index.js +2 -0
  63. package/dist/src/nile-command-menu/index.js.map +1 -0
  64. package/dist/src/nile-command-menu/nile-command-menu.css.d.ts +12 -0
  65. package/dist/src/nile-command-menu/nile-command-menu.css.js +194 -0
  66. package/dist/src/nile-command-menu/nile-command-menu.css.js.map +1 -0
  67. package/dist/src/nile-command-menu/nile-command-menu.d.ts +137 -0
  68. package/dist/src/nile-command-menu/nile-command-menu.js +557 -0
  69. package/dist/src/nile-command-menu/nile-command-menu.js.map +1 -0
  70. package/dist/src/nile-command-menu/nile-command-menu.test.d.ts +3 -0
  71. package/dist/src/nile-command-menu/nile-command-menu.test.js +268 -0
  72. package/dist/src/nile-command-menu/nile-command-menu.test.js.map +1 -0
  73. package/dist/src/nile-command-menu-group/index.d.ts +1 -0
  74. package/dist/src/nile-command-menu-group/index.js +2 -0
  75. package/dist/src/nile-command-menu-group/index.js.map +1 -0
  76. package/dist/src/nile-command-menu-group/nile-command-menu-group.css.d.ts +12 -0
  77. package/dist/src/nile-command-menu-group/nile-command-menu-group.css.js +45 -0
  78. package/dist/src/nile-command-menu-group/nile-command-menu-group.css.js.map +1 -0
  79. package/dist/src/nile-command-menu-group/nile-command-menu-group.d.ts +38 -0
  80. package/dist/src/nile-command-menu-group/nile-command-menu-group.js +68 -0
  81. package/dist/src/nile-command-menu-group/nile-command-menu-group.js.map +1 -0
  82. package/dist/src/nile-command-menu-group/nile-command-menu-group.test.d.ts +2 -0
  83. package/dist/src/nile-command-menu-group/nile-command-menu-group.test.js +22 -0
  84. package/dist/src/nile-command-menu-group/nile-command-menu-group.test.js.map +1 -0
  85. package/dist/src/nile-command-menu-item/index.d.ts +1 -0
  86. package/dist/src/nile-command-menu-item/index.js +2 -0
  87. package/dist/src/nile-command-menu-item/index.js.map +1 -0
  88. package/dist/src/nile-command-menu-item/nile-command-menu-item.css.d.ts +12 -0
  89. package/dist/src/nile-command-menu-item/nile-command-menu-item.css.js +127 -0
  90. package/dist/src/nile-command-menu-item/nile-command-menu-item.css.js.map +1 -0
  91. package/dist/src/nile-command-menu-item/nile-command-menu-item.d.ts +73 -0
  92. package/dist/src/nile-command-menu-item/nile-command-menu-item.js +174 -0
  93. package/dist/src/nile-command-menu-item/nile-command-menu-item.js.map +1 -0
  94. package/dist/src/nile-command-menu-item/nile-command-menu-item.test.d.ts +1 -0
  95. package/dist/src/nile-command-menu-item/nile-command-menu-item.test.js +35 -0
  96. package/dist/src/nile-command-menu-item/nile-command-menu-item.test.js.map +1 -0
  97. package/dist/src/nile-dialog/nile-dialog.js +1 -1
  98. package/dist/src/nile-dialog/nile-dialog.js.map +1 -1
  99. package/dist/src/nile-dot-stepper/index.d.ts +1 -0
  100. package/dist/src/nile-dot-stepper/index.js +2 -0
  101. package/dist/src/nile-dot-stepper/index.js.map +1 -0
  102. package/dist/src/nile-dot-stepper/nile-dot-stepper.css.d.ts +12 -0
  103. package/dist/src/nile-dot-stepper/nile-dot-stepper.css.js +89 -0
  104. package/dist/src/nile-dot-stepper/nile-dot-stepper.css.js.map +1 -0
  105. package/dist/src/nile-dot-stepper/nile-dot-stepper.d.ts +48 -0
  106. package/dist/src/nile-dot-stepper/nile-dot-stepper.js +153 -0
  107. package/dist/src/nile-dot-stepper/nile-dot-stepper.js.map +1 -0
  108. package/dist/src/nile-dot-stepper/nile-dot-stepper.test.d.ts +1 -0
  109. package/dist/src/nile-dot-stepper/nile-dot-stepper.test.js +319 -0
  110. package/dist/src/nile-dot-stepper/nile-dot-stepper.test.js.map +1 -0
  111. package/dist/src/nile-section-message/nile-section-message.css.js +7 -8
  112. package/dist/src/nile-section-message/nile-section-message.css.js.map +1 -1
  113. package/dist/src/version.js +1 -1
  114. package/dist/src/version.js.map +1 -1
  115. package/dist/tsconfig.tsbuildinfo +1 -1
  116. package/package.json +2 -1
  117. package/src/index.ts +4 -0
  118. package/src/nile-command-menu/index.ts +1 -0
  119. package/src/nile-command-menu/nile-command-menu.css.ts +196 -0
  120. package/src/nile-command-menu/nile-command-menu.test.ts +289 -0
  121. package/src/nile-command-menu/nile-command-menu.ts +601 -0
  122. package/src/nile-command-menu-group/index.ts +1 -0
  123. package/src/nile-command-menu-group/nile-command-menu-group.css.ts +47 -0
  124. package/src/nile-command-menu-group/nile-command-menu-group.test.ts +23 -0
  125. package/src/nile-command-menu-group/nile-command-menu-group.ts +72 -0
  126. package/src/nile-command-menu-item/index.ts +1 -0
  127. package/src/nile-command-menu-item/nile-command-menu-item.css.ts +129 -0
  128. package/src/nile-command-menu-item/nile-command-menu-item.test.ts +36 -0
  129. package/src/nile-command-menu-item/nile-command-menu-item.ts +172 -0
  130. package/src/nile-dialog/nile-dialog.ts +1 -1
  131. package/src/nile-dot-stepper/index.ts +1 -0
  132. package/src/nile-dot-stepper/nile-dot-stepper.css.ts +90 -0
  133. package/src/nile-dot-stepper/nile-dot-stepper.test.ts +493 -0
  134. package/src/nile-dot-stepper/nile-dot-stepper.ts +159 -0
  135. package/src/nile-section-message/nile-section-message.css.ts +7 -8
  136. package/stories/dot-stepper.stories.ts +67 -0
  137. package/vscode-html-custom-data.json +179 -0
  138. package/dist/index-c0b5232c.cjs.js +0 -2
  139. package/dist/index-c0b5232c.cjs.js.map +0 -1
  140. package/dist/index-e43a18eb.esm.js +0 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1 @@
1
+ export{N as NileDotStepper}from"./nile-dot-stepper.esm.js";import"tslib";import"lit";import"./nile-dot-stepper.css.esm.js";import"lit/directives/class-map.js";import"lit/decorators.js";import"../internal/nile-element.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";import"../internal/accessibility/a11y.role.enum.esm.js";
@@ -0,0 +1,2 @@
1
+ function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","./nile-dot-stepper.css.cjs.js","lit/directives/class-map.js","lit/decorators.js","../internal/nile-element.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/a11y.role.enum.cjs.js","../internal/accessibility/role.enum.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js"],function(_export,_context){"use strict";var t,s,e,i,r,a,o,l,n,c,h,_templateObject,_templateObject2,d;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e;}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){s=_lit.html;},function(_nileDotStepperCssCjsJs){e=_nileDotStepperCssCjsJs.s;},function(_litDirectivesClassMapJs){i=_litDirectivesClassMapJs.classMap;},function(_litDecoratorsJs){r=_litDecoratorsJs.property;a=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){o=_internalNileElementCjsJs.N;l=_internalNileElementCjsJs.s;},function(_internalAccessibilityA11yPropertyEnumCjsJs){n=_internalAccessibilityA11yPropertyEnumCjsJs.A;},function(_internalAccessibilityA11yRoleEnumCjsJs){c=_internalAccessibilityA11yRoleEnumCjsJs.A;},function(_internalAccessibilityRoleEnumCjsJs){h=_internalAccessibilityRoleEnumCjsJs.R;},function(_internalAccessibilityA11yStateEnumCjsJs){}],execute:function execute(){_export("N",d=/*#__PURE__*/function(_o){function d(){var _this;_classCallCheck(this,d);_this=_callSuper(this,d,arguments),_this.total=0,_this.current=1,_this.size="md",_this.disabled=!1;return _this;}_inherits(d,_o);return _createClass(d,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(d,"connectedCallback",this,3)([]),l(this,_defineProperty(_defineProperty({},h.Role,c.Tablist),n.AriaLabel,"Progress"));}},{key:"clamp",value:function clamp(t){return this.total<1?1:Math.min(Math.max(t,1),this.total);}},{key:"selectStep",value:function selectStep(t){if(this.disabled)return;var s=this.clamp(t);this.current=s,this.emit("nile-step-change",{value:s});}},{key:"handleDotClick",value:function handleDotClick(t){this.selectStep(t);}},{key:"focusDot",value:function focusDot(t){var _this$shadowRoot;var s=(_this$shadowRoot=this.shadowRoot)===null||_this$shadowRoot===void 0?void 0:_this$shadowRoot.querySelector("[part=\"dot\"][data-index=\"".concat(t,"\"]"));s===null||s===void 0||s.focus();}},{key:"handleKeyDown",value:function handleKeyDown(t){if(this.disabled||this.total<1)return;var s=this.clamp(this.current);var e=null;switch(t.key){case"ArrowRight":e=this.clamp(s+1);break;case"ArrowLeft":e=this.clamp(s-1);break;case"Home":e=1;break;case"End":e=this.total;break;default:return;}t.preventDefault(),null!==e&&(this.selectStep(e),this.focusDot(e));}},{key:"render",value:function render(){var _this2=this;var t=this.clamp(this.current);return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <div\n part=\"base\"\n class=\"dots\"\n role=\"tablist\"\n aria-label=\"Progress\"\n @keydown=","\n >\n ","\n </div>\n "])),this.handleKeyDown,Array.from({length:this.total}).map(function(e,r){var a=r+1,o=a===t;return s(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n <button\n part=\"dot\"\n role=\"tab\"\n type=\"button\"\n data-index=","\n class=","\n aria-selected=","\n aria-label=\"Step "," of ","\"\n tabindex=","\n ?disabled=","\n @click=","\n ></button>\n "])),a,i({dot:!0,"dot--active":o,"dot--sm":"sm"===_this2.size,"dot--md":"md"===_this2.size,"dot--lg":"lg"===_this2.size}),o?"true":"false",a,_this2.total,o?0:-1,_this2.disabled,function(){return _this2.handleDotClick(a);});}));}}]);}(o));d.styles=e,t([r({type:Number,reflect:!0})],d.prototype,"total",void 0),t([r({type:Number,reflect:!0})],d.prototype,"current",void 0),t([r({reflect:!0})],d.prototype,"size",void 0),t([r({type:Boolean,reflect:!0})],d.prototype,"disabled",void 0),_export("N",d=t([a("nile-dot-stepper")],d));}};});
2
+ //# sourceMappingURL=nile-dot-stepper.cjs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"nile-dot-stepper.cjs.js","sources":["../../../src/nile-dot-stepper/nile-dot-stepper.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit';\nimport { styles } from './nile-dot-stepper.css';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property } from 'lit/decorators.js';\nimport NileElement, { setupA11yMetadata } from '../internal/nile-element';\nimport type { CSSResultGroup, TemplateResult } from 'lit';\nimport { A11yProperty } from '../internal/accessibility/a11y.property.enum';\nimport { A11yRole } from '../internal/accessibility/a11y.role.enum';\nimport { Role } from '../internal/accessibility/role.enum';\n\n/**\n * Nile dot stepper component.\n *\n * @tag nile-dot-stepper\n *\n */\n\n/**\n * @summary Dot steppers display a horizontal row of small dots indicating progress or position, with one active dot and the rest inactive.\n * @status stable\n *\n * @event nile-step-change - Emitted when a dot is selected via click or keyboard. The `detail` contains the 1-based `value` of the selected dot.\n *\n * @csspart base - The component's base wrapper (the dots container).\n * @csspart dot - An individual dot button.\n */\n\n@customElement('nile-dot-stepper')\nexport class NileDotStepper extends NileElement {\n static styles: CSSResultGroup = styles;\n\n connectedCallback(): void {\n super.connectedCallback();\n setupA11yMetadata(this, {\n [Role.Role]: A11yRole.Tablist,\n [A11yProperty.AriaLabel]: 'Progress',\n });\n }\n\n /** The total number of dots. */\n @property({ type: Number, reflect: true }) total = 0;\n\n /** The 1-based index of the active dot. */\n @property({ type: Number, reflect: true }) current = 1;\n\n /** The size of each dot. */\n @property({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n\n /** Disables click and keyboard interaction. */\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /** Clamps the active value to the valid `[1, total]` range. */\n private clamp(value: number): number {\n if (this.total < 1) return 1;\n return Math.min(Math.max(value, 1), this.total);\n }\n\n private selectStep(value: number): void {\n if (this.disabled) return;\n const next = this.clamp(value);\n this.current = next;\n this.emit('nile-step-change', { value: next });\n }\n\n private handleDotClick(value: number): void {\n this.selectStep(value);\n }\n\n private focusDot(value: number): void {\n const dot = this.shadowRoot?.querySelector<HTMLButtonElement>(\n `[part=\"dot\"][data-index=\"${value}\"]`\n );\n dot?.focus();\n }\n\n private handleKeyDown(event: KeyboardEvent): void {\n if (this.disabled || this.total < 1) return;\n\n const active = this.clamp(this.current);\n let next: number | null = null;\n\n switch (event.key) {\n case 'ArrowRight':\n next = this.clamp(active + 1);\n break;\n case 'ArrowLeft':\n next = this.clamp(active - 1);\n break;\n case 'Home':\n next = 1;\n break;\n case 'End':\n next = this.total;\n break;\n default:\n return;\n }\n\n event.preventDefault();\n if (next !== null) {\n this.selectStep(next);\n this.focusDot(next);\n }\n }\n\n render(): TemplateResult {\n const active = this.clamp(this.current);\n\n return html`\n <div\n part=\"base\"\n class=\"dots\"\n role=\"tablist\"\n aria-label=\"Progress\"\n @keydown=${this.handleKeyDown}\n >\n ${Array.from({ length: this.total }).map((_, index) => {\n const value = index + 1;\n const isActive = value === active;\n return html`\n <button\n part=\"dot\"\n role=\"tab\"\n type=\"button\"\n data-index=${value}\n class=${classMap({\n dot: true,\n 'dot--active': isActive,\n 'dot--sm': this.size === 'sm',\n 'dot--md': this.size === 'md',\n 'dot--lg': this.size === 'lg',\n })}\n aria-selected=${isActive ? 'true' : 'false'}\n aria-label=\"Step ${value} of ${this.total}\"\n tabindex=${isActive ? 0 : -1}\n ?disabled=${this.disabled}\n @click=${() => this.handleDotClick(value)}\n ></button>\n `;\n })}\n </div>\n `;\n }\n}\n\nexport default NileDotStepper;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-dot-stepper': NileDotStepper;\n }\n}\n"],"names":["NileDotStepper","d","this","total","current","size","disabled","_this","_inherits","_o","_createClass","key","value","connectedCallback","super","setupA11yMetadata","Role","A11yRole","Tablist","A11yProperty","AriaLabel","clamp","Math","min","max","selectStep","next","emit","handleDotClick","focusDot","dot","shadowRoot","querySelector","focus","handleKeyDown","event","active","preventDefault","render","html","_templateObject","_taggedTemplateLiteral","Array","from","length","map","_","index","isActive","_templateObject2","classMap","NileElement","styles","__decorate","property","type","Number","reflect","prototype","Boolean","customElement"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ System.register(["lit"],function(_export,_context){"use strict";var n,_templateObject,a;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){n=_lit.css;}],execute:function execute(){_export("s",a=n(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n display: inline-block;\n -webkit-font-smoothing: var(\n --nile-webkit-font-smoothing,\n var(--ng-webkit-font-smoothing)\n );\n -moz-osx-font-smoothing: var(\n --nile-moz-osx-font-smoothing,\n var(--ng-moz-osx-font-smoothing)\n );\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .dots {\n display: flex;\n flex-wrap: wrap;\n gap: var(--nile-spacing-10px, var(--ng-spacing-2-5));\n align-items: center;\n }\n\n .dot {\n background: var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n border: none;\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n cursor: pointer;\n border-radius: 50%;\n width: var(--nile-spacing-10px, var(--ng-spacing-2-5));\n height: var(--nile-spacing-10px, var(--ng-spacing-2-5));\n transition: background-color 0.2s ease-out, transform 0.2s ease-out;\n }\n\n .dot--active {\n background: var(\n --nile-colors-primary-600,\n var(--ng-colors-text-brand-secondary-700)\n );\n }\n\n /* Sizes */\n .dot--sm {\n width: var(--nile-spacing-4px, var(--ng-spacing-1));\n height: var(--nile-spacing-4px, var(--ng-spacing-1));\n }\n\n .dot--md {\n width: var(--nile-spacing-10px, var(--ng-spacing-2-5));\n height: var(--nile-spacing-10px, var(--ng-spacing-2-5));\n }\n\n .dot--lg {\n width: var(--nile-spacing-14px, var(--ng-spacing-3-5));\n height: var(--nile-spacing-14px, var(--ng-spacing-3-5));\n }\n\n .dots:has(.dot--sm) {\n gap: var(--nile-spacing-6px, var(--ng-spacing-1-5));\n }\n\n .dots:has(.dot--lg) {\n gap: var(--nile-spacing-2-x, var(--ng-spacing-3));\n }\n\n .dot:focus-visible {\n outline: var(--nile-spacing-2px, var(--ng-spacing-0-5)) solid\n var(--nile-colors-stroke-strong-950, var(--ng-colors-border-secondary));\n outline-offset: var(--nile-spacing-2px, var(--ng-spacing-0-5));\n }\n\n :host([disabled]) .dot,\n .dot:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n }\n"]))));}};});
2
+ //# sourceMappingURL=nile-dot-stepper.css.cjs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"nile-dot-stepper.css.cjs.js","sources":["../../../src/nile-dot-stepper/nile-dot-stepper.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 * Dot Stepper CSS\n */\nexport const styles = css`\n :host {\n display: inline-block;\n -webkit-font-smoothing: var(\n --nile-webkit-font-smoothing,\n var(--ng-webkit-font-smoothing)\n );\n -moz-osx-font-smoothing: var(\n --nile-moz-osx-font-smoothing,\n var(--ng-moz-osx-font-smoothing)\n );\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .dots {\n display: flex;\n flex-wrap: wrap;\n gap: var(--nile-spacing-10px, var(--ng-spacing-2-5));\n align-items: center;\n }\n\n .dot {\n background: var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n border: none;\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n cursor: pointer;\n border-radius: 50%;\n width: var(--nile-spacing-10px, var(--ng-spacing-2-5));\n height: var(--nile-spacing-10px, var(--ng-spacing-2-5));\n transition: background-color 0.2s ease-out, transform 0.2s ease-out;\n }\n\n .dot--active {\n background: var(\n --nile-colors-primary-600,\n var(--ng-colors-text-brand-secondary-700)\n );\n }\n\n /* Sizes */\n .dot--sm {\n width: var(--nile-spacing-4px, var(--ng-spacing-1));\n height: var(--nile-spacing-4px, var(--ng-spacing-1));\n }\n\n .dot--md {\n width: var(--nile-spacing-10px, var(--ng-spacing-2-5));\n height: var(--nile-spacing-10px, var(--ng-spacing-2-5));\n }\n\n .dot--lg {\n width: var(--nile-spacing-14px, var(--ng-spacing-3-5));\n height: var(--nile-spacing-14px, var(--ng-spacing-3-5));\n }\n\n .dots:has(.dot--sm) {\n gap: var(--nile-spacing-6px, var(--ng-spacing-1-5));\n }\n\n .dots:has(.dot--lg) {\n gap: var(--nile-spacing-2-x, var(--ng-spacing-3));\n }\n\n .dot:focus-visible {\n outline: var(--nile-spacing-2px, var(--ng-spacing-0-5)) solid\n var(--nile-colors-stroke-strong-950, var(--ng-colors-border-secondary));\n outline-offset: var(--nile-spacing-2px, var(--ng-spacing-0-5));\n }\n\n :host([disabled]) .dot,\n .dot:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n }\n`;\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
@@ -0,0 +1,77 @@
1
+ import{css as n}from"lit";const a=n`
2
+ :host {
3
+ display: inline-block;
4
+ -webkit-font-smoothing: var(
5
+ --nile-webkit-font-smoothing,
6
+ var(--ng-webkit-font-smoothing)
7
+ );
8
+ -moz-osx-font-smoothing: var(
9
+ --nile-moz-osx-font-smoothing,
10
+ var(--ng-moz-osx-font-smoothing)
11
+ );
12
+ text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
13
+ }
14
+
15
+ .dots {
16
+ display: flex;
17
+ flex-wrap: wrap;
18
+ gap: var(--nile-spacing-10px, var(--ng-spacing-2-5));
19
+ align-items: center;
20
+ }
21
+
22
+ .dot {
23
+ background: var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));
24
+ border: none;
25
+ padding: 0;
26
+ margin: 0;
27
+ box-sizing: border-box;
28
+ cursor: pointer;
29
+ border-radius: 50%;
30
+ width: var(--nile-spacing-10px, var(--ng-spacing-2-5));
31
+ height: var(--nile-spacing-10px, var(--ng-spacing-2-5));
32
+ transition: background-color 0.2s ease-out, transform 0.2s ease-out;
33
+ }
34
+
35
+ .dot--active {
36
+ background: var(
37
+ --nile-colors-primary-600,
38
+ var(--ng-colors-text-brand-secondary-700)
39
+ );
40
+ }
41
+
42
+ /* Sizes */
43
+ .dot--sm {
44
+ width: var(--nile-spacing-4px, var(--ng-spacing-1));
45
+ height: var(--nile-spacing-4px, var(--ng-spacing-1));
46
+ }
47
+
48
+ .dot--md {
49
+ width: var(--nile-spacing-10px, var(--ng-spacing-2-5));
50
+ height: var(--nile-spacing-10px, var(--ng-spacing-2-5));
51
+ }
52
+
53
+ .dot--lg {
54
+ width: var(--nile-spacing-14px, var(--ng-spacing-3-5));
55
+ height: var(--nile-spacing-14px, var(--ng-spacing-3-5));
56
+ }
57
+
58
+ .dots:has(.dot--sm) {
59
+ gap: var(--nile-spacing-6px, var(--ng-spacing-1-5));
60
+ }
61
+
62
+ .dots:has(.dot--lg) {
63
+ gap: var(--nile-spacing-2-x, var(--ng-spacing-3));
64
+ }
65
+
66
+ .dot:focus-visible {
67
+ outline: var(--nile-spacing-2px, var(--ng-spacing-0-5)) solid
68
+ var(--nile-colors-stroke-strong-950, var(--ng-colors-border-secondary));
69
+ outline-offset: var(--nile-spacing-2px, var(--ng-spacing-0-5));
70
+ }
71
+
72
+ :host([disabled]) .dot,
73
+ .dot:disabled {
74
+ cursor: not-allowed;
75
+ opacity: 0.5;
76
+ }
77
+ `;export{a as s};
@@ -0,0 +1,24 @@
1
+ import{__decorate as t}from"tslib";import{html as e}from"lit";import{s}from"./nile-dot-stepper.css.esm.js";import{classMap as i}from"lit/directives/class-map.js";import{property as r,customElement as a}from"lit/decorators.js";import{N as o,s as l}from"../internal/nile-element.esm.js";import{A as n}from"../internal/accessibility/a11y.property.enum.esm.js";import{A as c}from"../internal/accessibility/a11y.role.enum.esm.js";import{R as h}from"../internal/accessibility/role.enum.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";let m=class extends o{constructor(){super(...arguments),this.total=0,this.current=1,this.size="md",this.disabled=!1}connectedCallback(){super.connectedCallback(),l(this,{[h.Role]:c.Tablist,[n.AriaLabel]:"Progress"})}clamp(t){return this.total<1?1:Math.min(Math.max(t,1),this.total)}selectStep(t){if(this.disabled)return;const e=this.clamp(t);this.current=e,this.emit("nile-step-change",{value:e})}handleDotClick(t){this.selectStep(t)}focusDot(t){const e=this.shadowRoot?.querySelector(`[part="dot"][data-index="${t}"]`);e?.focus()}handleKeyDown(t){if(this.disabled||this.total<1)return;const e=this.clamp(this.current);let s=null;switch(t.key){case"ArrowRight":s=this.clamp(e+1);break;case"ArrowLeft":s=this.clamp(e-1);break;case"Home":s=1;break;case"End":s=this.total;break;default:return}t.preventDefault(),null!==s&&(this.selectStep(s),this.focusDot(s))}render(){const t=this.clamp(this.current);return e`
2
+ <div
3
+ part="base"
4
+ class="dots"
5
+ role="tablist"
6
+ aria-label="Progress"
7
+ @keydown=${this.handleKeyDown}
8
+ >
9
+ ${Array.from({length:this.total}).map(((s,r)=>{const a=r+1,o=a===t;return e`
10
+ <button
11
+ part="dot"
12
+ role="tab"
13
+ type="button"
14
+ data-index=${a}
15
+ class=${i({dot:!0,"dot--active":o,"dot--sm":"sm"===this.size,"dot--md":"md"===this.size,"dot--lg":"lg"===this.size})}
16
+ aria-selected=${o?"true":"false"}
17
+ aria-label="Step ${a} of ${this.total}"
18
+ tabindex=${o?0:-1}
19
+ ?disabled=${this.disabled}
20
+ @click=${()=>this.handleDotClick(a)}
21
+ ></button>
22
+ `}))}
23
+ </div>
24
+ `}};m.styles=s,t([r({type:Number,reflect:!0})],m.prototype,"total",void 0),t([r({type:Number,reflect:!0})],m.prototype,"current",void 0),t([r({reflect:!0})],m.prototype,"size",void 0),t([r({type:Boolean,reflect:!0})],m.prototype,"disabled",void 0),m=t([a("nile-dot-stepper")],m);export{m as N};
@@ -1,2 +1,2 @@
1
- System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,r;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",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n display: block;\n width: 100%;\n box-sizing: border-box;\n --icon-button-background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-primary-alt));\n min-width: var(--nile-width-width-xxs, var(--ng-width-80));\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 .parent__wrapper {\n width: auto;\n display: flex;\n gap: var(--nile-spacing-lg, var(--ng-spacing-xl));\n box-sizing: border-box;\n padding: var(--nile-type-scale-4, var(--ng-spacing-xl));\n word-wrap: break-word;\n align-items: center;\n border: var(--nile-border-width-0, var(--ng-border-width-1)) solid var(--nile-section-message-background-color-primary, var(--ng-colors-border-secondary-alt));\n border-radius: var(--nile-spacing-xs, var(--ng-radius-xl));\n box-shadow: var(--nile-box-shadow-none, var(--ng-shadow-lg));\n }\n\n .section--primary {\n background-color: var(--nile-section-message-background-color-primary, var(--ng-colors-bg-primary-alt));\n }\n\n .section--success {\n background-color: var(--nile-section-message-background-color-success, var(--ng-colors-bg-primary-alt));\n }\n\n .section--warning {\n background-color: var(--nile-section-message-background-color-warning, var(--ng-colors-bg-primary-alt));\n }\n\n .section--error {\n background-color: var(--nile-section-message-background-color-error, var(--ng-colors-bg-primary-alt));\n }\n\n .left__wrapper {\n align-self: start;\n height: auto;\n }\n\n nile-icon-button::part(base) {\n background-color: var(--icon-button-background-color, var(--ng-colors-bg-primary-alt));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-brand-secondary-700));\n }\n\n .icon--primary {\n --icon-button-background-color: var(\n --nile-section-message-icon-background-color-primary,\n var(--ng-colors-bg-primary-alt));\n }\n\n .icon--success {\n --icon-button-background-color: var(\n --nile-section-message-icon-background-color-success\n );\n }\n\n .icon--warning {\n --icon-button-background-color: var(\n --nile-section-message-icon-background-color-warning\n );\n }\n\n .icon--error {\n --icon-button-background-color: var(\n --nile-section-message-icon-background-color-error\n );\n }\n\n .right__wrapper {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n width: 100%;\n gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n color: var(--nile-colors-dark-900, var(--ng-colors-fg-primary-900));\n font-family: var(--nile-font-family-sans-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 line-height: 140%;\n letter-spacing: 0.2px;\n }\n\n .section__heading {\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-semibold));\n }\n\n .section__description {\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n color: var(--nile-colors-dark-900, var(--ng-colors-fg-secondary-700));\n }\n\n .footer__actions {\n display: flex;\n gap: var(--nile-spacing-md, var(--ng-spacing-none));\n color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-semibold));\n cursor: pointer;\n }\n\n ::slotted([slot='footer__actions']:not(:last-child)) {\n color: var(--nile-colors-primary-600, var(--ng-colors-text-tertiary-600));\n }\n\n ::slotted([slot='footer__actions']:not(:last-child))::after {\n content: '\u2022';\n color: var(--nile-section-message-footer-color, var(--ng-componentcolors-alpha-white-100));\n margin-left: var(--nile-spacing-md, var(--ng-spacing-md));\n }\n"]))));}};});
1
+ System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,r;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",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n display: block;\n width: 100%;\n box-sizing: border-box;\n --icon-button-background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n min-width: var(--nile-width-width-xxs, var(--ng-width-80));\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 .parent__wrapper {\n width: auto;\n display: flex;\n gap: var(--nile-spacing-lg, var(--ng-spacing-xl));\n box-sizing: border-box;\n padding: var(--nile-type-scale-4, var(--ng-spacing-xl));\n word-wrap: break-word;\n align-items: center;\n border: var(--nile-border-width-0, var(--ng-border-width-1)) solid var(--nile-section-message-background-color-primary, var(--ng-colors-border-secondary-alt));\n border-radius: var(--nile-spacing-xs, var(--ng-radius-xl));\n box-shadow: var(--nile-box-shadow-none, var(--ng-shadow-lg));\n }\n\n .section--primary {\n background-color: var(--nile-section-message-background-color-primary, var(--ng-colors-bg-primary-alt));\n }\n\n .section--success {\n background-color: var(--nile-section-message-background-color-success, var(--ng-colors-bg-primary-alt));\n }\n\n .section--warning {\n background-color: var(--nile-section-message-background-color-warning, var(--ng-colors-bg-primary-alt));\n }\n\n .section--error {\n background-color: var(--nile-section-message-background-color-error, var(--ng-colors-bg-primary-alt));\n }\n\n .left__wrapper {\n align-self: start;\n height: auto;\n }\n\n nile-icon-button::part(base) {\n background-color: var(--icon-button-background-color, var(--ng-colors-bg-primary-alt));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-brand-secondary-700));\n padding: var(--nile-radius-md, var(--ng-radius-md));\n border-radius: var(--nile-radius-sm, var(--ng-radius-sm));\n }\n\n .icon--primary {\n --icon-button-background-color: var(\n --nile-section-message-icon-background-color-primary,\n var(--ng-colors-bg-brand-solid));\n }\n\n .icon--success {\n --icon-button-background-color: var(\n --nile-section-message-icon-background-color-success, var(--ng-colors-bg-success-solid));\n }\n\n .icon--warning {\n --icon-button-background-color: var(\n --nile-section-message-icon-background-color-warning, var(--ng-colors-bg-warning-solid));\n }\n\n .icon--error {\n --icon-button-background-color: var(\n --nile-section-message-icon-background-color-error, var(--ng-colors-bg-error-solid));\n }\n\n .right__wrapper {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n width: 100%;\n gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n color: var(--nile-colors-dark-900, var(--ng-colors-fg-primary-900));\n font-family: var(--nile-font-family-sans-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 line-height: 140%;\n letter-spacing: 0.2px;\n }\n\n .section__heading {\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-semibold));\n }\n\n .section__description {\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n color: var(--nile-colors-dark-900, var(--ng-colors-fg-secondary-700));\n }\n\n .footer__actions {\n display: flex;\n gap: var(--nile-spacing-md, var(--ng-spacing-none));\n color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-semibold));\n cursor: pointer;\n }\n\n ::slotted([slot='footer__actions']:not(:last-child)) {\n color: var(--nile-colors-primary-600, var(--ng-colors-text-tertiary-600));\n }\n\n ::slotted([slot='footer__actions']:not(:last-child))::after {\n content: '\u2022';\n color: var(--nile-section-message-footer-color, var(--ng-componentcolors-alpha-white-100));\n margin-left: var(--nile-spacing-md, var(--ng-spacing-md));\n }\n"]))));}};});
2
2
  //# sourceMappingURL=nile-section-message.css.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"nile-section-message.css.cjs.js","sources":["../../../src/nile-section-message/nile-section-message.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 * SectionMessage CSS\n */\nexport const styles = css`\n :host {\n display: block;\n width: 100%;\n box-sizing: border-box;\n --icon-button-background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-primary-alt));\n min-width: var(--nile-width-width-xxs, var(--ng-width-80));\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 .parent__wrapper {\n width: auto;\n display: flex;\n gap: var(--nile-spacing-lg, var(--ng-spacing-xl));\n box-sizing: border-box;\n padding: var(--nile-type-scale-4, var(--ng-spacing-xl));\n word-wrap: break-word;\n align-items: center;\n border: var(--nile-border-width-0, var(--ng-border-width-1)) solid var(--nile-section-message-background-color-primary, var(--ng-colors-border-secondary-alt));\n border-radius: var(--nile-spacing-xs, var(--ng-radius-xl));\n box-shadow: var(--nile-box-shadow-none, var(--ng-shadow-lg));\n }\n\n .section--primary {\n background-color: var(--nile-section-message-background-color-primary, var(--ng-colors-bg-primary-alt));\n }\n\n .section--success {\n background-color: var(--nile-section-message-background-color-success, var(--ng-colors-bg-primary-alt));\n }\n\n .section--warning {\n background-color: var(--nile-section-message-background-color-warning, var(--ng-colors-bg-primary-alt));\n }\n\n .section--error {\n background-color: var(--nile-section-message-background-color-error, var(--ng-colors-bg-primary-alt));\n }\n\n .left__wrapper {\n align-self: start;\n height: auto;\n }\n\n nile-icon-button::part(base) {\n background-color: var(--icon-button-background-color, var(--ng-colors-bg-primary-alt));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-brand-secondary-700));\n }\n\n .icon--primary {\n --icon-button-background-color: var(\n --nile-section-message-icon-background-color-primary,\n var(--ng-colors-bg-primary-alt));\n }\n\n .icon--success {\n --icon-button-background-color: var(\n --nile-section-message-icon-background-color-success\n );\n }\n\n .icon--warning {\n --icon-button-background-color: var(\n --nile-section-message-icon-background-color-warning\n );\n }\n\n .icon--error {\n --icon-button-background-color: var(\n --nile-section-message-icon-background-color-error\n );\n }\n\n .right__wrapper {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n width: 100%;\n gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n color: var(--nile-colors-dark-900, var(--ng-colors-fg-primary-900));\n font-family: var(--nile-font-family-sans-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 line-height: 140%;\n letter-spacing: 0.2px;\n }\n\n .section__heading {\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-semibold));\n }\n\n .section__description {\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n color: var(--nile-colors-dark-900, var(--ng-colors-fg-secondary-700));\n }\n\n .footer__actions {\n display: flex;\n gap: var(--nile-spacing-md, var(--ng-spacing-none));\n color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-semibold));\n cursor: pointer;\n }\n\n ::slotted([slot='footer__actions']:not(:last-child)) {\n color: var(--nile-colors-primary-600, var(--ng-colors-text-tertiary-600));\n }\n\n ::slotted([slot='footer__actions']:not(:last-child))::after {\n content: '•';\n color: var(--nile-section-message-footer-color, var(--ng-componentcolors-alpha-white-100));\n margin-left: var(--nile-spacing-md, var(--ng-spacing-md));\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-section-message.css.cjs.js","sources":["../../../src/nile-section-message/nile-section-message.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 * SectionMessage CSS\n */\nexport const styles = css`\n :host {\n display: block;\n width: 100%;\n box-sizing: border-box;\n --icon-button-background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n min-width: var(--nile-width-width-xxs, var(--ng-width-80));\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 .parent__wrapper {\n width: auto;\n display: flex;\n gap: var(--nile-spacing-lg, var(--ng-spacing-xl));\n box-sizing: border-box;\n padding: var(--nile-type-scale-4, var(--ng-spacing-xl));\n word-wrap: break-word;\n align-items: center;\n border: var(--nile-border-width-0, var(--ng-border-width-1)) solid var(--nile-section-message-background-color-primary, var(--ng-colors-border-secondary-alt));\n border-radius: var(--nile-spacing-xs, var(--ng-radius-xl));\n box-shadow: var(--nile-box-shadow-none, var(--ng-shadow-lg));\n }\n\n .section--primary {\n background-color: var(--nile-section-message-background-color-primary, var(--ng-colors-bg-primary-alt));\n }\n\n .section--success {\n background-color: var(--nile-section-message-background-color-success, var(--ng-colors-bg-primary-alt));\n }\n\n .section--warning {\n background-color: var(--nile-section-message-background-color-warning, var(--ng-colors-bg-primary-alt));\n }\n\n .section--error {\n background-color: var(--nile-section-message-background-color-error, var(--ng-colors-bg-primary-alt));\n }\n\n .left__wrapper {\n align-self: start;\n height: auto;\n }\n\n nile-icon-button::part(base) {\n background-color: var(--icon-button-background-color, var(--ng-colors-bg-primary-alt));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-brand-secondary-700));\n padding: var(--nile-radius-md, var(--ng-radius-md));\n border-radius: var(--nile-radius-sm, var(--ng-radius-sm));\n }\n\n .icon--primary {\n --icon-button-background-color: var(\n --nile-section-message-icon-background-color-primary,\n var(--ng-colors-bg-brand-solid));\n }\n\n .icon--success {\n --icon-button-background-color: var(\n --nile-section-message-icon-background-color-success, var(--ng-colors-bg-success-solid));\n }\n\n .icon--warning {\n --icon-button-background-color: var(\n --nile-section-message-icon-background-color-warning, var(--ng-colors-bg-warning-solid));\n }\n\n .icon--error {\n --icon-button-background-color: var(\n --nile-section-message-icon-background-color-error, var(--ng-colors-bg-error-solid));\n }\n\n .right__wrapper {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n width: 100%;\n gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n color: var(--nile-colors-dark-900, var(--ng-colors-fg-primary-900));\n font-family: var(--nile-font-family-sans-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 line-height: 140%;\n letter-spacing: 0.2px;\n }\n\n .section__heading {\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-semibold));\n }\n\n .section__description {\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n color: var(--nile-colors-dark-900, var(--ng-colors-fg-secondary-700));\n }\n\n .footer__actions {\n display: flex;\n gap: var(--nile-spacing-md, var(--ng-spacing-none));\n color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-semibold));\n cursor: pointer;\n }\n\n ::slotted([slot='footer__actions']:not(:last-child)) {\n color: var(--nile-colors-primary-600, var(--ng-colors-text-tertiary-600));\n }\n\n ::slotted([slot='footer__actions']:not(:last-child))::after {\n content: '•';\n color: var(--nile-section-message-footer-color, var(--ng-componentcolors-alpha-white-100));\n margin-left: var(--nile-spacing-md, var(--ng-spacing-md));\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
@@ -3,7 +3,7 @@ import{css as o}from"lit";const r=o`
3
3
  display: block;
4
4
  width: 100%;
5
5
  box-sizing: border-box;
6
- --icon-button-background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-primary-alt));
6
+ --icon-button-background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));
7
7
  min-width: var(--nile-width-width-xxs, var(--ng-width-80));
8
8
  -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
9
9
  -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
@@ -47,30 +47,29 @@ import{css as o}from"lit";const r=o`
47
47
  nile-icon-button::part(base) {
48
48
  background-color: var(--icon-button-background-color, var(--ng-colors-bg-primary-alt));
49
49
  color: var(--nile-colors-dark-900, var(--ng-colors-text-brand-secondary-700));
50
+ padding: var(--nile-radius-md, var(--ng-radius-md));
51
+ border-radius: var(--nile-radius-sm, var(--ng-radius-sm));
50
52
  }
51
53
 
52
54
  .icon--primary {
53
55
  --icon-button-background-color: var(
54
56
  --nile-section-message-icon-background-color-primary,
55
- var(--ng-colors-bg-primary-alt));
57
+ var(--ng-colors-bg-brand-solid));
56
58
  }
57
59
 
58
60
  .icon--success {
59
61
  --icon-button-background-color: var(
60
- --nile-section-message-icon-background-color-success
61
- );
62
+ --nile-section-message-icon-background-color-success, var(--ng-colors-bg-success-solid));
62
63
  }
63
64
 
64
65
  .icon--warning {
65
66
  --icon-button-background-color: var(
66
- --nile-section-message-icon-background-color-warning
67
- );
67
+ --nile-section-message-icon-background-color-warning, var(--ng-colors-bg-warning-solid));
68
68
  }
69
69
 
70
70
  .icon--error {
71
71
  --icon-button-background-color: var(
72
- --nile-section-message-icon-background-color-error
73
- );
72
+ --nile-section-message-icon-background-color-error, var(--ng-colors-bg-error-solid));
74
73
  }
75
74
 
76
75
  .right__wrapper {
@@ -65,6 +65,7 @@ export { NileEmptyState } from './nile-empty-state';
65
65
  export { NileHero } from './nile-hero';
66
66
  export { NileStepperItem } from './nile-stepper-item';
67
67
  export { NileStepper } from './nile-stepper';
68
+ export { NileDotStepper } from './nile-dot-stepper';
68
69
  export { NileHeroHeader } from './nile-hero-header';
69
70
  export { NileVerticalStepperItem } from './nile-vertical-stepper-item';
70
71
  export { NileFormatDate } from './nile-format-date';
@@ -127,6 +128,9 @@ export { NileFloatingPanel } from './nile-floating-panel';
127
128
  export { NileContextMenu } from './nile-context-menu';
128
129
  export { NileContextMenuGroup } from './nile-context-menu-group';
129
130
  export { NileContextMenuItem } from './nile-context-menu-item';
131
+ export { NileCommandMenu } from './nile-command-menu';
132
+ export { NileCommandMenuGroup } from './nile-command-menu-group';
133
+ export { NileCommandMenuItem } from './nile-command-menu-item';
130
134
  export { NileInlineSidebarItemHeader } from './nile-inline-sidebar-item-header';
131
135
  export { NileInlineSidebarItemBody } from './nile-inline-sidebar-item-body';
132
136
  export { NileMarkdown } from './nile-markdown';
package/dist/src/index.js CHANGED
@@ -65,6 +65,7 @@ export { NileEmptyState } from './nile-empty-state';
65
65
  export { NileHero } from './nile-hero';
66
66
  export { NileStepperItem } from './nile-stepper-item';
67
67
  export { NileStepper } from './nile-stepper';
68
+ export { NileDotStepper } from './nile-dot-stepper';
68
69
  export { NileHeroHeader } from './nile-hero-header';
69
70
  export { NileVerticalStepperItem } from './nile-vertical-stepper-item';
70
71
  export { NileFormatDate } from './nile-format-date';
@@ -127,6 +128,9 @@ export { NileFloatingPanel } from './nile-floating-panel';
127
128
  export { NileContextMenu } from './nile-context-menu';
128
129
  export { NileContextMenuGroup } from './nile-context-menu-group';
129
130
  export { NileContextMenuItem } from './nile-context-menu-item';
131
+ export { NileCommandMenu } from './nile-command-menu';
132
+ export { NileCommandMenuGroup } from './nile-command-menu-group';
133
+ export { NileCommandMenuItem } from './nile-command-menu-item';
130
134
  export { NileInlineSidebarItemHeader } from './nile-inline-sidebar-item-header';
131
135
  export { NileInlineSidebarItemBody } from './nile-inline-sidebar-item-body';
132
136
  export { NileMarkdown } from './nile-markdown';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["export { NileButton } from './nile-button';\nexport { NileHeading } from './nile-heading';\nexport { NileIcon } from './nile-icon';\nexport { NileInput } from './nile-input';\nexport { NileOtpInput } from './nile-otp-input';\nexport { NileMenu } from './nile-menu';\nexport { NileBadge } from './nile-badge';\nexport { NileStatusLight } from './nile-status-light';\nexport { NileDrawer } from './nile-drawer';\nexport { NileCheckbox } from './nile-checkbox';\nexport { NileCheckboxGroup } from './nile-checkbox-group';\nexport { NileRadio } from './nile-radio';\nexport { NileRadioGroup } from './nile-radio-group';\nexport { NilePopup } from './nile-popup';\nexport { NileTooltip } from './nile-tooltip';\nexport { NileSlideToggle } from './nile-slide-toggle';\nexport { NileLoader } from './nile-loader';\nexport { NileProgressBar } from './nile-progress-bar';\nexport { NileSpinner } from './nile-spinner';\nexport { NileSkeletonLoader } from './nile-skeleton-loader';\nexport { NileSelect } from './nile-select';\nexport { NileVirtualSelect } from './nile-virtual-select';\nexport { NileOption } from './nile-option';\nexport { NileTag } from './nile-tag';\nexport { NileIconButton } from './nile-icon-button';\nexport { NileMenuItem } from './nile-menu-item';\nexport { NileDropdown } from './nile-dropdown';\nexport { NileAutoComplete } from './nile-auto-complete';\nexport { NileCombobox } from './nile-combobox';\nexport { NileChip } from './nile-chip';\nexport { NileTextarea } from './nile-textarea';\nexport { NileDatePicker } from './nile-date-picker';\nexport { NileErrorMessage } from './nile-error-message';\nexport { NileFormErrorMessage } from './nile-form-error-message';\nexport { NileFormHelpText } from './nile-form-help-text';\nexport { NileCalendar } from './nile-calendar';\nexport { NileLink } from './nile-link';\nexport { NileButtonToggleGroup } from './nile-button-toggle-group';\nexport { NileButtonToggle } from './nile-button-toggle';\nexport { NileSwitcher } from './nile-switcher';\nexport { NileContentEditor } from './nile-content-editor';\nexport { NileDialog } from './nile-dialog';\nexport { NileErrorNotification } from './nile-error-notification';\nexport { NileTabGroup } from './nile-tab-group';\nexport { NileTab } from './nile-tab';\nexport { NileTabPanel } from './nile-tab-panel';\nexport { NileCodeEditor } from './nile-code-editor';\nexport { NileToast } from './nile-toast';\nexport { NileBreadcrumb } from './nile-breadcrumb';\nexport { NileBreadcrumbItem } from './nile-breadcrumb-item';\nexport { NileFormGroup } from './nile-form-group';\nexport { NileCard } from './nile-card';\nexport { NileCarousel } from './nile-carousel';\nexport { NileCarouselItem } from './nile-carousel/nile-carousel-item';\nexport { NilePopover } from './nile-popover';\nexport { NileButtonFilter } from './nile-button-filter';\nexport { NileCircularProgressbar } from './nile-circular-progressbar';\nexport { NileTableCellItem } from './nile-table-cell-item';\nexport { NileTableRow } from './nile-table-row';\nexport { NileTableBody } from './nile-table-body';\nexport { NileTableHeaderItem } from './nile-table-header-item';\nexport { NileAvatar } from './nile-avatar';\nexport { NilePageHeader } from './nile-page-header';\nexport { NileEmptyState } from './nile-empty-state';\nexport { NileHero } from './nile-hero';\nexport { NileStepperItem } from './nile-stepper-item';\nexport { NileStepper } from './nile-stepper';\nexport { NileHeroHeader } from './nile-hero-header';\nexport { NileVerticalStepperItem } from './nile-vertical-stepper-item';\nexport { NileFormatDate } from './nile-format-date';\nexport { NileSplitPanel } from './nile-split-panel';\nexport { NileTree } from './nile-tree';\nexport { NileTreeItem } from './nile-tree-item';\nexport { NileListItem } from './nile-list-item';\nexport { NileList } from './nile-list';\nexport { NileAccordion } from './nile-accordion';\nexport { NileDivider } from './nile-divider';\nexport { NileTitle } from './nile-title';\nexport { NileSectionMessage } from './nile-section-message';\nexport { NileToolbar } from './nile-toolbar';\nexport { NileInlineEdit } from './nile-inline-edit';\nexport { NileTable } from './nile-table';\nexport { NileFilterChip } from './nile-filter-chip';\nexport {NilePagination } from './nile-pagination';\nexport { NileSlider } from './nile-slider';\nexport { NileFileUpload } from './nile-file-upload';\nexport { NileFilePreview } from './nile-file-preview';\nexport { NileOptionGroup } from './nile-option-group';\nexport { NileGrid } from './nile-grid';\nexport { NileGridBody } from './nile-grid/nile-grid-body';\nexport { NileGridRow } from './nile-grid/nile-grid-row';\nexport { NileGridHeadItem } from './nile-grid/nile-grid-head-item';\nexport { NileGridCellItem } from './nile-grid/nile-grid-cell-item';\nexport { NileGridHead } from './nile-grid/nile-grid-head';\nexport { NileRichTextEditor } from './nile-rich-text-editor';\nexport { NileColorPicker } from './nile-color-picker';\nexport type { ColorPickerType, SwatchTooltip, PaletteEntry } from './nile-color-picker';\nexport { NileColorSwatch } from './nile-color-swatch';\n\n// Import version utility to set nile version in window object\nimport './version';\n\nexport { NileSideBar } from './nile-side-bar';\nexport { NileSideBarHeader } from './nile-side-bar-header';\nexport { NileSideBarLogo } from './nile-side-bar-logo';\nexport { NileSideBarExpand } from './nile-side-bar-expand';\nexport { NileSideBarGroup } from './nile-side-bar-group';\nexport { NileSideBarGroupItem } from './nile-side-bar-group-item';\nexport { NileSideBarGroupItemIcon } from './nile-side-bar-group-item-icon';\nexport { NileSideBarGroupItemText } from './nile-side-bar-group-item-text';\nexport { NileSideBarFooter } from './nile-side-bar-footer';\nexport { NileSideBarFooterItem } from './nile-side-bar-footer-item';\nexport { NileSideBarAction } from './nile-side-bar-action';\nexport { NileSideBarFooterText } from './nile-side-bar-footer-text';\nexport { NileSideBarActionMenuItem } from './nile-side-bar-action-menu-item';\nexport { NileSideBarActionMenu } from './nile-side-bar-action-menu';\nexport { NileInlineSidebarGroup } from './nile-inline-sidebar-group';\nexport { NileInlineSidebar } from './nile-inline-sidebar';\nexport { NileInlineSidebarItem } from './nile-inline-sidebar-item';\nexport { NileInlineSidebarPanel } from './nile-inline-sidebar-panel';\nexport { NileInlineSidebarPanelGroup } from './nile-inline-sidebar-panel-group';\nexport { NileliteTooltip } from './nile-lite-tooltip';\nexport { NileSideBarPanel } from './nile-side-bar-panel';\nexport { NileDetail } from './nile-detail';\nexport { NileQrCode } from './nile-qr-code';\nexport { NileNavTab } from './nile-nav-tab';\nexport { NileNavTabGroup } from './nile-nav-tab-group';\nexport { NileNavTabPanel } from './nile-nav-tab-panel';\nexport { NileFloatingPanel } from './nile-floating-panel';\nexport { NileContextMenu } from './nile-context-menu';\nexport { NileContextMenuGroup } from './nile-context-menu-group';\nexport { NileContextMenuItem } from './nile-context-menu-item';\nexport { NileInlineSidebarItemHeader } from './nile-inline-sidebar-item-header';\nexport { NileInlineSidebarItemBody } from './nile-inline-sidebar-item-body';\nexport { NileMarkdown } from './nile-markdown';\nexport { NileMarkdownEditor } from './nile-markdown-editor';"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAC,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,8DAA8D;AAC9D,OAAO,WAAW,CAAC;AAEnB,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAC7E,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC","sourcesContent":["export { NileButton } from './nile-button';\nexport { NileHeading } from './nile-heading';\nexport { NileIcon } from './nile-icon';\nexport { NileInput } from './nile-input';\nexport { NileOtpInput } from './nile-otp-input';\nexport { NileMenu } from './nile-menu';\nexport { NileBadge } from './nile-badge';\nexport { NileStatusLight } from './nile-status-light';\nexport { NileDrawer } from './nile-drawer';\nexport { NileCheckbox } from './nile-checkbox';\nexport { NileCheckboxGroup } from './nile-checkbox-group';\nexport { NileRadio } from './nile-radio';\nexport { NileRadioGroup } from './nile-radio-group';\nexport { NilePopup } from './nile-popup';\nexport { NileTooltip } from './nile-tooltip';\nexport { NileSlideToggle } from './nile-slide-toggle';\nexport { NileLoader } from './nile-loader';\nexport { NileProgressBar } from './nile-progress-bar';\nexport { NileSpinner } from './nile-spinner';\nexport { NileSkeletonLoader } from './nile-skeleton-loader';\nexport { NileSelect } from './nile-select';\nexport { NileVirtualSelect } from './nile-virtual-select';\nexport { NileOption } from './nile-option';\nexport { NileTag } from './nile-tag';\nexport { NileIconButton } from './nile-icon-button';\nexport { NileMenuItem } from './nile-menu-item';\nexport { NileDropdown } from './nile-dropdown';\nexport { NileAutoComplete } from './nile-auto-complete';\nexport { NileCombobox } from './nile-combobox';\nexport { NileChip } from './nile-chip';\nexport { NileTextarea } from './nile-textarea';\nexport { NileDatePicker } from './nile-date-picker';\nexport { NileErrorMessage } from './nile-error-message';\nexport { NileFormErrorMessage } from './nile-form-error-message';\nexport { NileFormHelpText } from './nile-form-help-text';\nexport { NileCalendar } from './nile-calendar';\nexport { NileLink } from './nile-link';\nexport { NileButtonToggleGroup } from './nile-button-toggle-group';\nexport { NileButtonToggle } from './nile-button-toggle';\nexport { NileSwitcher } from './nile-switcher';\nexport { NileContentEditor } from './nile-content-editor';\nexport { NileDialog } from './nile-dialog';\nexport { NileErrorNotification } from './nile-error-notification';\nexport { NileTabGroup } from './nile-tab-group';\nexport { NileTab } from './nile-tab';\nexport { NileTabPanel } from './nile-tab-panel';\nexport { NileCodeEditor } from './nile-code-editor';\nexport { NileToast } from './nile-toast';\nexport { NileBreadcrumb } from './nile-breadcrumb';\nexport { NileBreadcrumbItem } from './nile-breadcrumb-item';\nexport { NileFormGroup } from './nile-form-group';\nexport { NileCard } from './nile-card';\nexport { NileCarousel } from './nile-carousel';\nexport { NileCarouselItem } from './nile-carousel/nile-carousel-item';\nexport { NilePopover } from './nile-popover';\nexport { NileButtonFilter } from './nile-button-filter';\nexport { NileCircularProgressbar } from './nile-circular-progressbar';\nexport { NileTableCellItem } from './nile-table-cell-item';\nexport { NileTableRow } from './nile-table-row';\nexport { NileTableBody } from './nile-table-body';\nexport { NileTableHeaderItem } from './nile-table-header-item';\nexport { NileAvatar } from './nile-avatar';\nexport { NilePageHeader } from './nile-page-header';\nexport { NileEmptyState } from './nile-empty-state';\nexport { NileHero } from './nile-hero';\nexport { NileStepperItem } from './nile-stepper-item';\nexport { NileStepper } from './nile-stepper';\nexport { NileDotStepper } from './nile-dot-stepper';\nexport { NileHeroHeader } from './nile-hero-header';\nexport { NileVerticalStepperItem } from './nile-vertical-stepper-item';\nexport { NileFormatDate } from './nile-format-date';\nexport { NileSplitPanel } from './nile-split-panel';\nexport { NileTree } from './nile-tree';\nexport { NileTreeItem } from './nile-tree-item';\nexport { NileListItem } from './nile-list-item';\nexport { NileList } from './nile-list';\nexport { NileAccordion } from './nile-accordion';\nexport { NileDivider } from './nile-divider';\nexport { NileTitle } from './nile-title';\nexport { NileSectionMessage } from './nile-section-message';\nexport { NileToolbar } from './nile-toolbar';\nexport { NileInlineEdit } from './nile-inline-edit';\nexport { NileTable } from './nile-table';\nexport { NileFilterChip } from './nile-filter-chip';\nexport {NilePagination } from './nile-pagination';\nexport { NileSlider } from './nile-slider';\nexport { NileFileUpload } from './nile-file-upload';\nexport { NileFilePreview } from './nile-file-preview';\nexport { NileOptionGroup } from './nile-option-group';\nexport { NileGrid } from './nile-grid';\nexport { NileGridBody } from './nile-grid/nile-grid-body';\nexport { NileGridRow } from './nile-grid/nile-grid-row';\nexport { NileGridHeadItem } from './nile-grid/nile-grid-head-item';\nexport { NileGridCellItem } from './nile-grid/nile-grid-cell-item';\nexport { NileGridHead } from './nile-grid/nile-grid-head';\nexport { NileRichTextEditor } from './nile-rich-text-editor';\nexport { NileColorPicker } from './nile-color-picker';\nexport type { ColorPickerType, SwatchTooltip, PaletteEntry } from './nile-color-picker';\nexport { NileColorSwatch } from './nile-color-swatch';\n\n// Import version utility to set nile version in window object\nimport './version';\n\nexport { NileSideBar } from './nile-side-bar';\nexport { NileSideBarHeader } from './nile-side-bar-header';\nexport { NileSideBarLogo } from './nile-side-bar-logo';\nexport { NileSideBarExpand } from './nile-side-bar-expand';\nexport { NileSideBarGroup } from './nile-side-bar-group';\nexport { NileSideBarGroupItem } from './nile-side-bar-group-item';\nexport { NileSideBarGroupItemIcon } from './nile-side-bar-group-item-icon';\nexport { NileSideBarGroupItemText } from './nile-side-bar-group-item-text';\nexport { NileSideBarFooter } from './nile-side-bar-footer';\nexport { NileSideBarFooterItem } from './nile-side-bar-footer-item';\nexport { NileSideBarAction } from './nile-side-bar-action';\nexport { NileSideBarFooterText } from './nile-side-bar-footer-text';\nexport { NileSideBarActionMenuItem } from './nile-side-bar-action-menu-item';\nexport { NileSideBarActionMenu } from './nile-side-bar-action-menu';\nexport { NileInlineSidebarGroup } from './nile-inline-sidebar-group';\nexport { NileInlineSidebar } from './nile-inline-sidebar';\nexport { NileInlineSidebarItem } from './nile-inline-sidebar-item';\nexport { NileInlineSidebarPanel } from './nile-inline-sidebar-panel';\nexport { NileInlineSidebarPanelGroup } from './nile-inline-sidebar-panel-group';\nexport { NileliteTooltip } from './nile-lite-tooltip';\nexport { NileSideBarPanel } from './nile-side-bar-panel';\nexport { NileDetail } from './nile-detail';\nexport { NileQrCode } from './nile-qr-code';\nexport { NileNavTab } from './nile-nav-tab';\nexport { NileNavTabGroup } from './nile-nav-tab-group';\nexport { NileNavTabPanel } from './nile-nav-tab-panel';\nexport { NileFloatingPanel } from './nile-floating-panel';\nexport { NileContextMenu } from './nile-context-menu';\nexport { NileContextMenuGroup } from './nile-context-menu-group';\nexport { NileContextMenuItem } from './nile-context-menu-item';\nexport { NileCommandMenu } from './nile-command-menu';\nexport { NileCommandMenuGroup } from './nile-command-menu-group';\nexport { NileCommandMenuItem } from './nile-command-menu-item';\nexport { NileInlineSidebarItemHeader } from './nile-inline-sidebar-item-header';\nexport { NileInlineSidebarItemBody } from './nile-inline-sidebar-item-body';\nexport { NileMarkdown } from './nile-markdown';\nexport { NileMarkdownEditor } from './nile-markdown-editor';"]}
@@ -0,0 +1 @@
1
+ export { NileCommandMenu } from './nile-command-menu';
@@ -0,0 +1,2 @@
1
+ export { NileCommandMenu } from './nile-command-menu';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-command-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC","sourcesContent":["export { NileCommandMenu } from './nile-command-menu';\n"]}
@@ -0,0 +1,12 @@
1
+ /**
2
+ * Copyright Aquera Inc 2023
3
+ *
4
+ * This source code is licensed under the BSD-3-Clause license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+ /**
8
+ * CommandMenu CSS
9
+ */
10
+ export declare const styles: import("lit").CSSResult;
11
+ declare const _default: import("lit").CSSResult[];
12
+ export default _default;
@@ -0,0 +1,194 @@
1
+ /**
2
+ * Copyright Aquera Inc 2023
3
+ *
4
+ * This source code is licensed under the BSD-3-Clause license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+ import { css } from 'lit';
8
+ /**
9
+ * CommandMenu CSS
10
+ */
11
+ export const styles = css `
12
+ :host {
13
+ --width: 640px;
14
+ --max-height: 480px;
15
+
16
+ display: contents;
17
+ box-sizing: border-box;
18
+ -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
19
+ -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
20
+ text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
21
+ }
22
+
23
+ :host *,
24
+ :host *::before,
25
+ :host *::after {
26
+ box-sizing: inherit;
27
+ }
28
+
29
+ .command {
30
+ position: fixed;
31
+ inset: 0;
32
+ z-index: 9999;
33
+ display: flex;
34
+ align-items: flex-start;
35
+ justify-content: center;
36
+ padding: 15vh var(--nile-spacing-xl, var(--ng-spacing-xl)) var(--nile-spacing-xl, var(--ng-spacing-xl));
37
+ font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));
38
+ }
39
+
40
+ .command[hidden] {
41
+ display: none;
42
+ }
43
+
44
+ .command__overlay {
45
+ position: fixed;
46
+ inset: 0;
47
+ background-color: var(--nile-bg-color-dialog, var(--ng-componentcolors-alpha-black-70));
48
+ }
49
+
50
+ .command__panel {
51
+ position: relative;
52
+ display: flex;
53
+ flex-direction: column;
54
+ width: 100%;
55
+ max-width: var(--width);
56
+ max-height: var(--max-height);
57
+ overflow: hidden;
58
+ background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
59
+ border: solid 1px var(--nile-colors-border-surface, var(--ng-colors-border-secondary-alt));
60
+ border-radius: var(--nile-radius-lg, var(--ng-radius-xl));
61
+ box-shadow: var(--nile-box-shadow-8, var(--ng-shadow-xl));
62
+ }
63
+
64
+ .command__panel:focus {
65
+ outline: none;
66
+ }
67
+
68
+ /* Search header */
69
+ .command__header {
70
+ display: flex;
71
+ align-items: center;
72
+ gap: var(--nile-spacing-md, var(--ng-spacing-md));
73
+ padding: var(--nile-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-xl, var(--ng-spacing-xl));
74
+ border-bottom: solid 1px var(--nile-colors-border-surface, var(--ng-colors-border-secondary-alt));
75
+ }
76
+
77
+ .command__search-icon {
78
+ flex: 0 0 auto;
79
+ display: inline-flex;
80
+ align-items: center;
81
+ color: var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400));
82
+ }
83
+
84
+ .command__search-icon nile-glyph {
85
+ width: 20px;
86
+ height: 20px;
87
+ }
88
+
89
+ .command__input {
90
+ flex: 1 1 auto;
91
+ min-width: 0;
92
+ border: none;
93
+ outline: none;
94
+ background: transparent;
95
+ font-family: inherit;
96
+ font-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));
97
+ font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
98
+ line-height: 1.4;
99
+ color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
100
+ }
101
+
102
+ .command__input::placeholder {
103
+ color: var(--nile-colors-dark-500, var(--ng-colors-text-placeholder));
104
+ }
105
+
106
+ /* "Searching for" scopes row */
107
+ .command__scopes {
108
+ display: flex;
109
+ align-items: center;
110
+ flex-wrap: wrap;
111
+ gap: var(--nile-spacing-md, var(--ng-spacing-md));
112
+ padding: var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-xl, var(--ng-spacing-xl));
113
+ border-bottom: solid 1px var(--nile-colors-border-surface, var(--ng-colors-border-secondary-alt));
114
+ }
115
+
116
+ .command__scopes-label {
117
+ flex: 0 0 auto;
118
+ font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
119
+ color: var(--nile-colors-dark-500, var(--ng-colors-text-quaternary-500));
120
+ }
121
+
122
+ .command__scopes-tags {
123
+ display: flex;
124
+ align-items: center;
125
+ flex-wrap: wrap;
126
+ gap: var(--nile-spacing-sm, var(--ng-spacing-sm));
127
+ }
128
+
129
+ /* Scrollable results list */
130
+ .command__list {
131
+ flex: 1 1 auto;
132
+ overflow-y: auto;
133
+ overscroll-behavior: contain;
134
+ padding: var(--nile-spacing-sm, var(--ng-spacing-sm));
135
+ }
136
+
137
+ .command__empty {
138
+ display: none;
139
+ padding: var(--nile-spacing-3xl, var(--ng-spacing-3xl)) var(--nile-spacing-xl, var(--ng-spacing-xl));
140
+ text-align: center;
141
+ font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
142
+ color: var(--nile-colors-dark-500, var(--ng-colors-text-quaternary-500));
143
+ }
144
+
145
+ .command__empty--visible {
146
+ display: block;
147
+ }
148
+
149
+ /* Footer */
150
+ .command__footer {
151
+ display: none;
152
+ align-items: center;
153
+ gap: var(--nile-spacing-lg, var(--ng-spacing-lg));
154
+ padding: var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-xl, var(--ng-spacing-xl));
155
+ border-top: solid 1px var(--nile-colors-border-surface, var(--ng-colors-border-secondary-alt));
156
+ font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
157
+ color: var(--nile-colors-dark-500, var(--ng-colors-text-quaternary-500));
158
+ }
159
+
160
+ .command--has-footer .command__footer {
161
+ display: flex;
162
+ }
163
+
164
+ /* Built-in keyboard-hint row (footer slot fallback) */
165
+ .command__hints {
166
+ display: flex;
167
+ align-items: center;
168
+ gap: var(--nile-spacing-xl, var(--ng-spacing-xl));
169
+ }
170
+
171
+ .command__hint {
172
+ display: inline-flex;
173
+ align-items: center;
174
+ gap: var(--nile-spacing-sm, var(--ng-spacing-sm));
175
+ }
176
+
177
+ .command__footer kbd {
178
+ display: inline-flex;
179
+ align-items: center;
180
+ justify-content: center;
181
+ min-width: 20px;
182
+ height: 20px;
183
+ padding: 0 5px;
184
+ border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));
185
+ border: solid 1px var(--nile-colors-border-surface, var(--ng-colors-border-secondary-alt));
186
+ background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
187
+ font-family: inherit;
188
+ font-size: 11px;
189
+ line-height: 1;
190
+ color: var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400));
191
+ }
192
+ `;
193
+ export default [styles];
194
+ //# sourceMappingURL=nile-command-menu.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"nile-command-menu.css.js","sourceRoot":"","sources":["../../../src/nile-command-menu/nile-command-menu.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqLxB,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 * CommandMenu CSS\n */\nexport const styles = css`\n :host {\n --width: 640px;\n --max-height: 480px;\n\n display: contents;\n box-sizing: border-box;\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 .command {\n position: fixed;\n inset: 0;\n z-index: 9999;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n padding: 15vh var(--nile-spacing-xl, var(--ng-spacing-xl)) var(--nile-spacing-xl, var(--ng-spacing-xl));\n font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n }\n\n .command[hidden] {\n display: none;\n }\n\n .command__overlay {\n position: fixed;\n inset: 0;\n background-color: var(--nile-bg-color-dialog, var(--ng-componentcolors-alpha-black-70));\n }\n\n .command__panel {\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n max-width: var(--width);\n max-height: var(--max-height);\n overflow: hidden;\n background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n border: solid 1px var(--nile-colors-border-surface, var(--ng-colors-border-secondary-alt));\n border-radius: var(--nile-radius-lg, var(--ng-radius-xl));\n box-shadow: var(--nile-box-shadow-8, var(--ng-shadow-xl));\n }\n\n .command__panel:focus {\n outline: none;\n }\n\n /* Search header */\n .command__header {\n display: flex;\n align-items: center;\n gap: var(--nile-spacing-md, var(--ng-spacing-md));\n padding: var(--nile-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-xl, var(--ng-spacing-xl));\n border-bottom: solid 1px var(--nile-colors-border-surface, var(--ng-colors-border-secondary-alt));\n }\n\n .command__search-icon {\n flex: 0 0 auto;\n display: inline-flex;\n align-items: center;\n color: var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400));\n }\n\n .command__search-icon nile-glyph {\n width: 20px;\n height: 20px;\n }\n\n .command__input {\n flex: 1 1 auto;\n min-width: 0;\n border: none;\n outline: none;\n background: transparent;\n font-family: inherit;\n font-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n line-height: 1.4;\n color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n }\n\n .command__input::placeholder {\n color: var(--nile-colors-dark-500, var(--ng-colors-text-placeholder));\n }\n\n /* \"Searching for\" scopes row */\n .command__scopes {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--nile-spacing-md, var(--ng-spacing-md));\n padding: var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-xl, var(--ng-spacing-xl));\n border-bottom: solid 1px var(--nile-colors-border-surface, var(--ng-colors-border-secondary-alt));\n }\n\n .command__scopes-label {\n flex: 0 0 auto;\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n color: var(--nile-colors-dark-500, var(--ng-colors-text-quaternary-500));\n }\n\n .command__scopes-tags {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n }\n\n /* Scrollable results list */\n .command__list {\n flex: 1 1 auto;\n overflow-y: auto;\n overscroll-behavior: contain;\n padding: var(--nile-spacing-sm, var(--ng-spacing-sm));\n }\n\n .command__empty {\n display: none;\n padding: var(--nile-spacing-3xl, var(--ng-spacing-3xl)) var(--nile-spacing-xl, var(--ng-spacing-xl));\n text-align: center;\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n color: var(--nile-colors-dark-500, var(--ng-colors-text-quaternary-500));\n }\n\n .command__empty--visible {\n display: block;\n }\n\n /* Footer */\n .command__footer {\n display: none;\n align-items: center;\n gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n padding: var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-xl, var(--ng-spacing-xl));\n border-top: solid 1px var(--nile-colors-border-surface, var(--ng-colors-border-secondary-alt));\n font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n color: var(--nile-colors-dark-500, var(--ng-colors-text-quaternary-500));\n }\n\n .command--has-footer .command__footer {\n display: flex;\n }\n\n /* Built-in keyboard-hint row (footer slot fallback) */\n .command__hints {\n display: flex;\n align-items: center;\n gap: var(--nile-spacing-xl, var(--ng-spacing-xl));\n }\n\n .command__hint {\n display: inline-flex;\n align-items: center;\n gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n }\n\n .command__footer kbd {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 20px;\n height: 20px;\n padding: 0 5px;\n border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n border: solid 1px var(--nile-colors-border-surface, var(--ng-colors-border-secondary-alt));\n background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n font-family: inherit;\n font-size: 11px;\n line-height: 1;\n color: var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400));\n }\n`;\n\nexport default [styles];\n"]}