@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.
- package/README.md +7 -0
- package/dist/index-5fef1a0d.esm.js +1 -0
- package/dist/index-8f38fae3.cjs.js +2 -0
- package/dist/index-8f38fae3.cjs.js.map +1 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.js +1287 -736
- package/dist/nile-combobox/index.cjs.js +1 -1
- package/dist/nile-combobox/index.esm.js +1 -1
- package/dist/nile-combobox/nile-combobox.cjs.js +1 -1
- package/dist/nile-combobox/nile-combobox.esm.js +1 -1
- package/dist/nile-command-menu/index.cjs.js +2 -0
- package/dist/nile-command-menu/index.cjs.js.map +1 -0
- package/dist/nile-command-menu/index.esm.js +1 -0
- package/dist/nile-command-menu/nile-command-menu.cjs.js +2 -0
- package/dist/nile-command-menu/nile-command-menu.cjs.js.map +1 -0
- package/dist/nile-command-menu/nile-command-menu.css.cjs.js +2 -0
- package/dist/nile-command-menu/nile-command-menu.css.cjs.js.map +1 -0
- package/dist/nile-command-menu/nile-command-menu.css.esm.js +182 -0
- package/dist/nile-command-menu/nile-command-menu.esm.js +97 -0
- package/dist/nile-command-menu-group/index.cjs.js +2 -0
- package/dist/nile-command-menu-group/index.cjs.js.map +1 -0
- package/dist/nile-command-menu-group/index.esm.js +1 -0
- package/dist/nile-command-menu-group/nile-command-menu-group.cjs.js +2 -0
- package/dist/nile-command-menu-group/nile-command-menu-group.cjs.js.map +1 -0
- package/dist/nile-command-menu-group/nile-command-menu-group.css.cjs.js +2 -0
- package/dist/nile-command-menu-group/nile-command-menu-group.css.cjs.js.map +1 -0
- package/dist/nile-command-menu-group/nile-command-menu-group.css.esm.js +33 -0
- package/dist/nile-command-menu-group/nile-command-menu-group.esm.js +11 -0
- package/dist/nile-command-menu-item/index.cjs.js +2 -0
- package/dist/nile-command-menu-item/index.cjs.js.map +1 -0
- package/dist/nile-command-menu-item/index.esm.js +1 -0
- package/dist/nile-command-menu-item/nile-command-menu-item.cjs.js +2 -0
- package/dist/nile-command-menu-item/nile-command-menu-item.cjs.js.map +1 -0
- package/dist/nile-command-menu-item/nile-command-menu-item.css.cjs.js +2 -0
- package/dist/nile-command-menu-item/nile-command-menu-item.css.cjs.js.map +1 -0
- package/dist/nile-command-menu-item/nile-command-menu-item.css.esm.js +115 -0
- package/dist/nile-command-menu-item/nile-command-menu-item.esm.js +21 -0
- package/dist/nile-detail/index.cjs.js +1 -1
- package/dist/nile-detail/index.esm.js +1 -1
- package/dist/nile-detail/nile-detail.cjs.js +1 -1
- package/dist/nile-detail/nile-detail.esm.js +1 -1
- package/dist/nile-dialog/nile-dialog.cjs.js +1 -1
- package/dist/nile-dialog/nile-dialog.cjs.js.map +1 -1
- package/dist/nile-dialog/nile-dialog.esm.js +1 -1
- package/dist/nile-dot-stepper/index.cjs.js +2 -0
- package/dist/nile-dot-stepper/index.cjs.js.map +1 -0
- package/dist/nile-dot-stepper/index.esm.js +1 -0
- package/dist/nile-dot-stepper/nile-dot-stepper.cjs.js +2 -0
- package/dist/nile-dot-stepper/nile-dot-stepper.cjs.js.map +1 -0
- package/dist/nile-dot-stepper/nile-dot-stepper.css.cjs.js +2 -0
- package/dist/nile-dot-stepper/nile-dot-stepper.css.cjs.js.map +1 -0
- package/dist/nile-dot-stepper/nile-dot-stepper.css.esm.js +77 -0
- package/dist/nile-dot-stepper/nile-dot-stepper.esm.js +24 -0
- package/dist/nile-section-message/nile-section-message.css.cjs.js +1 -1
- package/dist/nile-section-message/nile-section-message.css.cjs.js.map +1 -1
- package/dist/nile-section-message/nile-section-message.css.esm.js +7 -8
- package/dist/src/index.d.ts +4 -0
- package/dist/src/index.js +4 -0
- package/dist/src/index.js.map +1 -1
- package/dist/src/nile-command-menu/index.d.ts +1 -0
- package/dist/src/nile-command-menu/index.js +2 -0
- package/dist/src/nile-command-menu/index.js.map +1 -0
- package/dist/src/nile-command-menu/nile-command-menu.css.d.ts +12 -0
- package/dist/src/nile-command-menu/nile-command-menu.css.js +194 -0
- package/dist/src/nile-command-menu/nile-command-menu.css.js.map +1 -0
- package/dist/src/nile-command-menu/nile-command-menu.d.ts +137 -0
- package/dist/src/nile-command-menu/nile-command-menu.js +557 -0
- package/dist/src/nile-command-menu/nile-command-menu.js.map +1 -0
- package/dist/src/nile-command-menu/nile-command-menu.test.d.ts +3 -0
- package/dist/src/nile-command-menu/nile-command-menu.test.js +268 -0
- package/dist/src/nile-command-menu/nile-command-menu.test.js.map +1 -0
- package/dist/src/nile-command-menu-group/index.d.ts +1 -0
- package/dist/src/nile-command-menu-group/index.js +2 -0
- package/dist/src/nile-command-menu-group/index.js.map +1 -0
- package/dist/src/nile-command-menu-group/nile-command-menu-group.css.d.ts +12 -0
- package/dist/src/nile-command-menu-group/nile-command-menu-group.css.js +45 -0
- package/dist/src/nile-command-menu-group/nile-command-menu-group.css.js.map +1 -0
- package/dist/src/nile-command-menu-group/nile-command-menu-group.d.ts +38 -0
- package/dist/src/nile-command-menu-group/nile-command-menu-group.js +68 -0
- package/dist/src/nile-command-menu-group/nile-command-menu-group.js.map +1 -0
- package/dist/src/nile-command-menu-group/nile-command-menu-group.test.d.ts +2 -0
- package/dist/src/nile-command-menu-group/nile-command-menu-group.test.js +22 -0
- package/dist/src/nile-command-menu-group/nile-command-menu-group.test.js.map +1 -0
- package/dist/src/nile-command-menu-item/index.d.ts +1 -0
- package/dist/src/nile-command-menu-item/index.js +2 -0
- package/dist/src/nile-command-menu-item/index.js.map +1 -0
- package/dist/src/nile-command-menu-item/nile-command-menu-item.css.d.ts +12 -0
- package/dist/src/nile-command-menu-item/nile-command-menu-item.css.js +127 -0
- package/dist/src/nile-command-menu-item/nile-command-menu-item.css.js.map +1 -0
- package/dist/src/nile-command-menu-item/nile-command-menu-item.d.ts +73 -0
- package/dist/src/nile-command-menu-item/nile-command-menu-item.js +174 -0
- package/dist/src/nile-command-menu-item/nile-command-menu-item.js.map +1 -0
- package/dist/src/nile-command-menu-item/nile-command-menu-item.test.d.ts +1 -0
- package/dist/src/nile-command-menu-item/nile-command-menu-item.test.js +35 -0
- package/dist/src/nile-command-menu-item/nile-command-menu-item.test.js.map +1 -0
- package/dist/src/nile-dialog/nile-dialog.js +1 -1
- package/dist/src/nile-dialog/nile-dialog.js.map +1 -1
- package/dist/src/nile-dot-stepper/index.d.ts +1 -0
- package/dist/src/nile-dot-stepper/index.js +2 -0
- package/dist/src/nile-dot-stepper/index.js.map +1 -0
- package/dist/src/nile-dot-stepper/nile-dot-stepper.css.d.ts +12 -0
- package/dist/src/nile-dot-stepper/nile-dot-stepper.css.js +89 -0
- package/dist/src/nile-dot-stepper/nile-dot-stepper.css.js.map +1 -0
- package/dist/src/nile-dot-stepper/nile-dot-stepper.d.ts +48 -0
- package/dist/src/nile-dot-stepper/nile-dot-stepper.js +153 -0
- package/dist/src/nile-dot-stepper/nile-dot-stepper.js.map +1 -0
- package/dist/src/nile-dot-stepper/nile-dot-stepper.test.d.ts +1 -0
- package/dist/src/nile-dot-stepper/nile-dot-stepper.test.js +319 -0
- package/dist/src/nile-dot-stepper/nile-dot-stepper.test.js.map +1 -0
- package/dist/src/nile-section-message/nile-section-message.css.js +7 -8
- package/dist/src/nile-section-message/nile-section-message.css.js.map +1 -1
- package/dist/src/version.js +1 -1
- package/dist/src/version.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -1
- package/src/index.ts +4 -0
- package/src/nile-command-menu/index.ts +1 -0
- package/src/nile-command-menu/nile-command-menu.css.ts +196 -0
- package/src/nile-command-menu/nile-command-menu.test.ts +289 -0
- package/src/nile-command-menu/nile-command-menu.ts +601 -0
- package/src/nile-command-menu-group/index.ts +1 -0
- package/src/nile-command-menu-group/nile-command-menu-group.css.ts +47 -0
- package/src/nile-command-menu-group/nile-command-menu-group.test.ts +23 -0
- package/src/nile-command-menu-group/nile-command-menu-group.ts +72 -0
- package/src/nile-command-menu-item/index.ts +1 -0
- package/src/nile-command-menu-item/nile-command-menu-item.css.ts +129 -0
- package/src/nile-command-menu-item/nile-command-menu-item.test.ts +36 -0
- package/src/nile-command-menu-item/nile-command-menu-item.ts +172 -0
- package/src/nile-dialog/nile-dialog.ts +1 -1
- package/src/nile-dot-stepper/index.ts +1 -0
- package/src/nile-dot-stepper/nile-dot-stepper.css.ts +90 -0
- package/src/nile-dot-stepper/nile-dot-stepper.test.ts +493 -0
- package/src/nile-dot-stepper/nile-dot-stepper.ts +159 -0
- package/src/nile-section-message/nile-section-message.css.ts +7 -8
- package/stories/dot-stepper.stories.ts +67 -0
- package/vscode-html-custom-data.json +179 -0
- package/dist/index-c0b5232c.cjs.js +0 -2
- package/dist/index-c0b5232c.cjs.js.map +0 -1
- 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-
|
|
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-
|
|
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-
|
|
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-
|
|
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 {
|
package/dist/src/index.d.ts
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';
|
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';
|
package/dist/src/index.js.map
CHANGED
|
@@ -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 @@
|
|
|
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"]}
|