@aquera/nile-elements 1.7.8 → 1.7.9
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 +3 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.js +466 -319
- package/dist/nile-status-light/index.cjs.js +2 -0
- package/dist/nile-status-light/index.cjs.js.map +1 -0
- package/dist/nile-status-light/index.esm.js +1 -0
- package/dist/nile-status-light/nile-status-light.cjs.js +2 -0
- package/dist/nile-status-light/nile-status-light.cjs.js.map +1 -0
- package/dist/nile-status-light/nile-status-light.css.cjs.js +2 -0
- package/dist/nile-status-light/nile-status-light.css.cjs.js.map +1 -0
- package/dist/nile-status-light/nile-status-light.css.esm.js +136 -0
- package/dist/nile-status-light/nile-status-light.esm.js +13 -0
- package/dist/src/index.d.ts +1 -0
- package/dist/src/index.js +1 -0
- package/dist/src/index.js.map +1 -1
- package/dist/src/nile-status-light/index.d.ts +1 -0
- package/dist/src/nile-status-light/index.js +2 -0
- package/dist/src/nile-status-light/index.js.map +1 -0
- package/dist/src/nile-status-light/nile-status-light.css.d.ts +9 -0
- package/dist/src/nile-status-light/nile-status-light.css.js +145 -0
- package/dist/src/nile-status-light/nile-status-light.css.js.map +1 -0
- package/dist/src/nile-status-light/nile-status-light.d.ts +53 -0
- package/dist/src/nile-status-light/nile-status-light.js +108 -0
- package/dist/src/nile-status-light/nile-status-light.js.map +1 -0
- 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 +1 -0
- package/src/nile-status-light/index.ts +1 -0
- package/src/nile-status-light/nile-status-light.css.ts +146 -0
- package/src/nile-status-light/nile-status-light.ts +111 -0
- package/vscode-html-custom-data.json +58 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
System.register(["./nile-status-light.cjs.js","tslib","lit","./nile-status-light.css.cjs.js","lit/directives/class-map.js","lit/decorators.js","../internal/nile-element.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js","../internal/accessibility/a11y.role.enum.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileStatusLightCjsJs){_export("NileStatusLight",_nileStatusLightCjsJs.N);},function(_tslib){},function(_lit){},function(_nileStatusLightCssCjsJs){},function(_litDirectivesClassMapJs){},function(_litDecoratorsJs){},function(_internalNileElementCjsJs){},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){},function(_internalAccessibilityA11yRoleEnumCjsJs){}],execute:function execute(){}};});
|
|
2
|
+
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{N as NileStatusLight}from"./nile-status-light.esm.js";import"tslib";import"lit";import"./nile-status-light.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-status-light.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,i,e,a,l,r,o,n,h,c,_templateObject,m;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(_nileStatusLightCssCjsJs){i=_nileStatusLightCssCjsJs.s;},function(_litDirectivesClassMapJs){e=_litDirectivesClassMapJs.classMap;},function(_litDecoratorsJs){a=_litDecoratorsJs.property;l=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){r=_internalNileElementCjsJs.N;o=_internalNileElementCjsJs.s;},function(_internalAccessibilityA11yPropertyEnumCjsJs){n=_internalAccessibilityA11yPropertyEnumCjsJs.A;},function(_internalAccessibilityA11yRoleEnumCjsJs){h=_internalAccessibilityA11yRoleEnumCjsJs.A;},function(_internalAccessibilityRoleEnumCjsJs){c=_internalAccessibilityRoleEnumCjsJs.R;},function(_internalAccessibilityA11yStateEnumCjsJs){}],execute:function execute(){_export("N",m=/*#__PURE__*/function(_r){function m(){var _this;_classCallCheck(this,m);_this=_callSuper(this,m,arguments),_this.variant="neutral",_this.size="medium",_this.disabled=!1,_this.pulse=!1;return _this;}_inherits(m,_r);return _createClass(m,[{key:"connectedCallback",value:function connectedCallback(){var _this$textContent;_superPropGet(m,"connectedCallback",this,3)([]),o(this,_defineProperty(_defineProperty({},c.Role,h.Text),n.AriaLabel,((_this$textContent=this.textContent)===null||_this$textContent===void 0?void 0:_this$textContent.trim())||""));}},{key:"render",value:function render(){return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <span\n part=\"base\"\n class=","\n >\n <span\n part=\"indicator\"\n class=\"status-light__dot\"\n aria-hidden=\"true\"\n ></span>\n <slot part=\"label\" class=\"status-light__label\"></slot>\n </span>\n "])),e({"status-light":!0,"status-light--positive":"positive"===this.variant,"status-light--negative":"negative"===this.variant,"status-light--notice":"notice"===this.variant,"status-light--informative":"informative"===this.variant,"status-light--neutral":"neutral"===this.variant,"status-light--inactive":"inactive"===this.variant,"status-light--small":"small"===this.size,"status-light--medium":"medium"===this.size,"status-light--large":"large"===this.size,"status-light--x-large":"x-large"===this.size,"status-light--disabled":this.disabled,"status-light--pulse":this.pulse&&!this.disabled}));}}]);}(r));m.styles=i,t([a({reflect:!0})],m.prototype,"variant",void 0),t([a({reflect:!0,attribute:!0})],m.prototype,"size",void 0),t([a({type:Boolean,reflect:!0})],m.prototype,"disabled",void 0),t([a({type:Boolean,reflect:!0})],m.prototype,"pulse",void 0),_export("N",m=t([l("nile-status-light")],m));}};});
|
|
2
|
+
//# sourceMappingURL=nile-status-light.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nile-status-light.cjs.js","sources":["../../../src/nile-status-light/nile-status-light.ts"],"sourcesContent":[" /**\n * Copyright Aquera Inc 2026\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\n import { html, TemplateResult } from 'lit';\n import { styles } from './nile-status-light.css';\n import { classMap } from 'lit/directives/class-map.js';\n import { customElement, property } from 'lit/decorators.js';\n import NileElement, { setupA11yMetadata } from '../internal/nile-element';\n import type { CSSResultGroup } from 'lit';\n import { A11yProperty } from '../internal/accessibility/a11y.property.enum';\n import { A11yRole } from '../internal/accessibility/a11y.role.enum';\n import { Role } from '../internal/accessibility/role.enum';\n\n /**\n * Nile status light component.\n *\n * @tag nile-status-light\n *\n * @summary Status lights describe the status of an object, using a colored dot\n * alongside a text label (e.g. \"Active\", \"Error\", \"Pending\").\n * @status experimental\n *\n * @slot - The status light's text label.\n *\n * @attr {boolean} pulse - Optional pulse animation for active statuses.\n *\n * @csspart base - The component's base wrapper.\n * @csspart indicator - The colored status dot.\n * @csspart label - The status light's text label.\n *\n * @example\n * <!-- Pulse animation for an active status -->\n * <nile-status-light variant=\"positive\" pulse>Active</nile-status-light>\n *\n * @example\n * <!-- Disabled status light with muted colors -->\n * <nile-status-light variant=\"positive\" disabled>Inactive</nile-status-light>\n */\n @customElement('nile-status-light')\n export class NileStatusLight extends NileElement {\n static styles: CSSResultGroup = styles;\n\n connectedCallback(): void {\n super.connectedCallback();\n setupA11yMetadata(this, {\n [Role.Role]: A11yRole.Text,\n [A11yProperty.AriaLabel]: this.textContent?.trim() || '',\n });\n }\n\n /** The status light's color variant. */\n @property({ reflect: true }) variant:\n | 'positive'\n | 'negative'\n | 'notice'\n | 'informative'\n | 'neutral'\n | 'inactive' = 'neutral';\n\n /** The status light's size. */\n @property({ reflect: true, attribute: true }) size: 'small' | 'medium' | 'large' | 'x-large' =\n 'medium';\n\n /** Disables the status light, muting its colors. */\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /** Draws attention to an active status with a pulsing animation around the dot. */\n @property({ type: Boolean, reflect: true }) pulse = false;\n\n render(): TemplateResult {\n return html`\n <span\n part=\"base\"\n class=${classMap({\n 'status-light': true,\n 'status-light--positive': this.variant === 'positive',\n 'status-light--negative': this.variant === 'negative',\n 'status-light--notice': this.variant === 'notice',\n 'status-light--informative': this.variant === 'informative',\n 'status-light--neutral': this.variant === 'neutral',\n 'status-light--inactive': this.variant === 'inactive',\n 'status-light--small': this.size === 'small',\n 'status-light--medium': this.size === 'medium',\n 'status-light--large': this.size === 'large',\n 'status-light--x-large': this.size === 'x-large',\n 'status-light--disabled': this.disabled,\n 'status-light--pulse': this.pulse && !this.disabled,\n })}\n >\n <span\n part=\"indicator\"\n class=\"status-light__dot\"\n aria-hidden=\"true\"\n ></span>\n <slot part=\"label\" class=\"status-light__label\"></slot>\n </span>\n `;\n }\n }\n\n export default NileStatusLight;\n\n declare global {\n interface HTMLElementTagNameMap {\n 'nile-status-light': NileStatusLight;\n }\n }\n"],"names":["NileStatusLight","_r","m","this","variant","size","disabled","pulse","_this","_inherits","_createClass","key","value","connectedCallback","super","setupA11yMetadata","Role","A11yRole","Text","A11yProperty","AriaLabel","textContent","trim","render","html","_templateObject","_taggedTemplateLiteral","classMap","NileElement","styles","__decorate","property","reflect","prototype","attribute","type","Boolean","customElement"],"mappings":"69IA2CeA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,qEAYwBC,EAAAA,KAAAA,CAAOC,QAMnB,SAG6BD,CAAAA,KAAAA,CAAIE,IAChD,CAAA,QAAA,CAG0CF,KAAAA,CAAQG,QAAAA,CAAAA,CAAG,CAGXH,CAAAA,KAAAA,CAAKI,KAAG,CAAA,CAAA,CA+BrD,QAAAC,KAAA,EAxDCC,SAAA,CAAAP,CAAA,CAAAD,EAAA,SAAAS,YAAA,CAAAR,CAAA,GAAAS,GAAA,qBAAAC,KAAA,UAAAC,iBAAAA,CAAAA,CACEC,KAAAA,iBAAAA,CAAAA,aAAAA,CAAAA,CAAAA,iCACAC,CAAAA,CAAkBZ,wCACfa,CAAKA,CAAAA,IAAAA,CAAOC,CAASC,CAAAA,IAAAA,EACrBC,CAAAA,CAAaC,SAAYjB,CAAAA,EAAAA,iBAAAA,KAAAA,CAAKkB,WAAaC,UAAAA,iBAAAA,iBAAlBnB,iBAAAA,CAAkBmB,IAAAA,CAAAA,CAAAA,GAAU,EAEzD,CAAA,CAAA,EAqBD,GAAAX,GAAA,UAAAC,KAAA,UAAAW,MAAAA,CAAAA,CAAAA,CACE,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,6TAGCC,CAAS,CAAA,CACf,gBAAgB,CAChB,CAAA,wBAAA,CAA2C,aAAjBxB,IAAKC,CAAAA,OAAAA,CAC/B,wBAA2C,CAAA,UAAA,GAAjBD,IAAKC,CAAAA,OAAAA,CAC/B,uBAAyC,QAAjBD,GAAAA,IAAAA,CAAKC,QAC7B,2BAA8C,CAAA,aAAA,GAAjBD,KAAKC,OAClC,CAAA,uBAAA,CAA0C,SAAjBD,GAAAA,IAAAA,CAAKC,OAC9B,CAAA,wBAAA,CAA2C,aAAjBD,IAAKC,CAAAA,OAAAA,CAC/B,sBAAqC,OAAdD,GAAAA,IAAAA,CAAKE,KAC5B,sBAAsC,CAAA,QAAA,GAAdF,IAAKE,CAAAA,IAAAA,CAC7B,qBAAqC,CAAA,OAAA,GAAdF,KAAKE,IAC5B,CAAA,uBAAA,CAAuC,SAAdF,GAAAA,IAAAA,CAAKE,IAC9B,CAAA,wBAAA,CAA0BF,KAAKG,QAC/B,CAAA,qBAAA,CAAuBH,IAAKI,CAAAA,KAAAA,EAAAA,CAAUJ,IAAKG,CAAAA,QAAAA,CAAAA,CAAAA,EAWlD,CAzDMN,MAD4B4B,CAA9B,GACE5B,CAAAA,CAAM6B,MAAmBA,CAAAA,CAAAA,CAWHC,CAAA,CAAA,CAA5BC,EAAS,CAAEC,OAAAA,CAAAA,CAAS,CAMMhC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAiC,SAAA,CAAA,SAAA,CAAA,IAAA,IAGmBH,CAAA,CAAA,CAA7CC,CAAS,CAAA,CAAEC,OAAS,CAAA,CAAA,CAAA,CAAME,SAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAC3BlC,CAAAiC,CAAAA,SAAAA,CAAA,MAAA,CAAA,IAAA,EAAA,CAAA,CAGiCH,CAAA,CAAA,CAA3CC,EAAS,CAAEI,IAAAA,CAAMC,OAASJ,CAAAA,OAAAA,CAAAA,CAAS,CAAyBhC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAiC,UAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAGjBH,CAAA,CAAA,CAA3CC,CAAS,CAAA,CAAEI,KAAMC,OAASJ,CAAAA,OAAAA,CAAAA,CAAS,CAAsBhC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAiC,SAAA,CAAA,OAAA,CAAA,IAAA,EA5B/CjC,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAe8B,CAAA,CAAA,CAD3BO,CAAc,CAAA,mBAAA,CAAA,CAAA,CACFrC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
System.register(["lit"],function(_export,_context){"use strict";var t,_templateObject,i;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){t=_lit.css;}],execute:function execute(){_export("s",i=t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\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 display: inline-block;\n }\n\n .status-light {\n display: inline-flex;\n align-items: center;\n gap: var(--nile-spacing-sm, var(--ng-spacing-2));\n box-sizing: border-box;\n }\n\n .status-light__dot {\n position: relative;\n flex: none;\n border-radius: var(--nile-radius-full, var(--ng-radius-full));\n width: var(--nile-height-10px, var(--ng-height-10px));\n height: var(--nile-height-10px, var(--ng-height-10px));\n background: var(--nile-colors-gray-light-mode-500, var(--ng-componentcolors-utility-gray-500));\n }\n\n .status-light__label {\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));\n font-style: normal;\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n line-height: var(--nile-type-scale-5, var(--ng-line-height-text-sm));\n letter-spacing: 0.2px;\n color: var(--nile-colors-dark-900, var(--ng-componentcolors-utility-gray-900));\n }\n\n /* #region Sizes */\n\n .status-light--small .status-light__dot {\n width: var(--nile-height-8px, var(--ng-height-8px));\n height: var(--nile-height-8px, var(--ng-height-8px));\n }\n\n .status-light--medium .status-light__dot {\n width: var(--nile-height-10px, var(--ng-height-10px));\n height: var(--nile-height-10px, var(--ng-height-10px));\n }\n\n .status-light--large .status-light__dot {\n width: var(--nile-height-12px, var(--ng-height-12px));\n height: var(--nile-height-12px, var(--ng-height-12px));\n }\n\n .status-light--x-large .status-light__dot {\n width: var(--nile-height-14px, var(--ng-height-14px));\n height: var(--nile-height-14px, var(--ng-height-14px));\n }\n\n .status-light--large .status-light__label,\n .status-light--x-large .status-light__label {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n line-height: var(--nile-type-scale-6, var(--ng-line-height-text-md));\n }\n\n \n\n .status-light--positive .status-light__dot {\n background: var(--nile-colors-green-500, var(--ng-componentcolors-utility-success-500));\n }\n\n .status-light--negative .status-light__dot {\n background: var(--nile-colors-red-500, var(--ng-componentcolors-utility-error-500));\n }\n\n .status-light--notice .status-light__dot {\n background: var(--nile-colors-yellow-500, var(--ng-componentcolors-utility-warning-500));\n }\n\n .status-light--informative .status-light__dot {\n background: var(--nile-colors-blue-500, var(--ng-componentcolors-utility-blue-light-500));\n }\n\n .status-light--neutral .status-light__dot {\n background: var(--nile-colors-gray-light-mode-500, var(--ng-componentcolors-utility-gray-500));\n }\n\n .status-light--inactive .status-light__dot {\n background: var(--nile-colors-gray-light-mode-300, var(--ng-componentcolors-utility-gray-300));\n }\n\n .status-light--inactive .status-light__label {\n color: var(--nile-colors-text-tertiary, var(--ng-componentcolors-utility-gray-500));\n }\n\n .status-light--disabled .status-light__dot {\n background: var(--nile-colors-text-disabled, var(--ng-componentcolors-utility-gray-300));\n }\n\n .status-light--disabled .status-light__label {\n color: var(--nile-colors-text-disabled, var(--ng-colors-text-disabled));\n }\n\n \n\n .status-light--pulse .status-light__dot::after {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: inherit;\n background: inherit;\n animation: status-light-pulse 1.5s ease-out infinite;\n }\n\n @keyframes status-light-pulse {\n 0% {\n transform: scale(1);\n opacity: 0.6;\n }\n 100% {\n transform: scale(2.5);\n opacity: 0;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .status-light--pulse .status-light__dot::after {\n animation: none;\n }\n }\n\n /* #endregion */\n"]))));}};});
|
|
2
|
+
//# sourceMappingURL=nile-status-light.css.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nile-status-light.css.cjs.js","sources":["../../../src/nile-status-light/nile-status-light.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2026\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';\nexport const styles = css`\n :host {\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 display: inline-block;\n }\n\n .status-light {\n display: inline-flex;\n align-items: center;\n gap: var(--nile-spacing-sm, var(--ng-spacing-2));\n box-sizing: border-box;\n }\n\n .status-light__dot {\n position: relative;\n flex: none;\n border-radius: var(--nile-radius-full, var(--ng-radius-full));\n width: var(--nile-height-10px, var(--ng-height-10px));\n height: var(--nile-height-10px, var(--ng-height-10px));\n background: var(--nile-colors-gray-light-mode-500, var(--ng-componentcolors-utility-gray-500));\n }\n\n .status-light__label {\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));\n font-style: normal;\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n line-height: var(--nile-type-scale-5, var(--ng-line-height-text-sm));\n letter-spacing: 0.2px;\n color: var(--nile-colors-dark-900, var(--ng-componentcolors-utility-gray-900));\n }\n\n /* #region Sizes */\n\n .status-light--small .status-light__dot {\n width: var(--nile-height-8px, var(--ng-height-8px));\n height: var(--nile-height-8px, var(--ng-height-8px));\n }\n\n .status-light--medium .status-light__dot {\n width: var(--nile-height-10px, var(--ng-height-10px));\n height: var(--nile-height-10px, var(--ng-height-10px));\n }\n\n .status-light--large .status-light__dot {\n width: var(--nile-height-12px, var(--ng-height-12px));\n height: var(--nile-height-12px, var(--ng-height-12px));\n }\n\n .status-light--x-large .status-light__dot {\n width: var(--nile-height-14px, var(--ng-height-14px));\n height: var(--nile-height-14px, var(--ng-height-14px));\n }\n\n .status-light--large .status-light__label,\n .status-light--x-large .status-light__label {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n line-height: var(--nile-type-scale-6, var(--ng-line-height-text-md));\n }\n\n \n\n .status-light--positive .status-light__dot {\n background: var(--nile-colors-green-500, var(--ng-componentcolors-utility-success-500));\n }\n\n .status-light--negative .status-light__dot {\n background: var(--nile-colors-red-500, var(--ng-componentcolors-utility-error-500));\n }\n\n .status-light--notice .status-light__dot {\n background: var(--nile-colors-yellow-500, var(--ng-componentcolors-utility-warning-500));\n }\n\n .status-light--informative .status-light__dot {\n background: var(--nile-colors-blue-500, var(--ng-componentcolors-utility-blue-light-500));\n }\n\n .status-light--neutral .status-light__dot {\n background: var(--nile-colors-gray-light-mode-500, var(--ng-componentcolors-utility-gray-500));\n }\n\n .status-light--inactive .status-light__dot {\n background: var(--nile-colors-gray-light-mode-300, var(--ng-componentcolors-utility-gray-300));\n }\n\n .status-light--inactive .status-light__label {\n color: var(--nile-colors-text-tertiary, var(--ng-componentcolors-utility-gray-500));\n }\n\n .status-light--disabled .status-light__dot {\n background: var(--nile-colors-text-disabled, var(--ng-componentcolors-utility-gray-300));\n }\n\n .status-light--disabled .status-light__label {\n color: var(--nile-colors-text-disabled, var(--ng-colors-text-disabled));\n }\n\n \n\n .status-light--pulse .status-light__dot::after {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: inherit;\n background: inherit;\n animation: status-light-pulse 1.5s ease-out infinite;\n }\n\n @keyframes status-light-pulse {\n 0% {\n transform: scale(1);\n opacity: 0.6;\n }\n 100% {\n transform: scale(2.5);\n opacity: 0;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .status-light--pulse .status-light__dot::after {\n animation: none;\n }\n }\n\n /* #endregion */\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAQaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
import{css as t}from"lit";const i=t`
|
|
2
|
+
:host {
|
|
3
|
+
-webkit-font-smoothing: var(
|
|
4
|
+
--nile-webkit-font-smoothing,
|
|
5
|
+
var(--ng-webkit-font-smoothing)
|
|
6
|
+
);
|
|
7
|
+
-moz-osx-font-smoothing: var(
|
|
8
|
+
--nile-moz-osx-font-smoothing,
|
|
9
|
+
var(--ng-moz-osx-font-smoothing)
|
|
10
|
+
);
|
|
11
|
+
text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
|
|
12
|
+
display: inline-block;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.status-light {
|
|
16
|
+
display: inline-flex;
|
|
17
|
+
align-items: center;
|
|
18
|
+
gap: var(--nile-spacing-sm, var(--ng-spacing-2));
|
|
19
|
+
box-sizing: border-box;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.status-light__dot {
|
|
23
|
+
position: relative;
|
|
24
|
+
flex: none;
|
|
25
|
+
border-radius: var(--nile-radius-full, var(--ng-radius-full));
|
|
26
|
+
width: var(--nile-height-10px, var(--ng-height-10px));
|
|
27
|
+
height: var(--nile-height-10px, var(--ng-height-10px));
|
|
28
|
+
background: var(--nile-colors-gray-light-mode-500, var(--ng-componentcolors-utility-gray-500));
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.status-light__label {
|
|
32
|
+
font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
|
|
33
|
+
font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));
|
|
34
|
+
font-style: normal;
|
|
35
|
+
font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));
|
|
36
|
+
line-height: var(--nile-type-scale-5, var(--ng-line-height-text-sm));
|
|
37
|
+
letter-spacing: 0.2px;
|
|
38
|
+
color: var(--nile-colors-dark-900, var(--ng-componentcolors-utility-gray-900));
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
/* #region Sizes */
|
|
42
|
+
|
|
43
|
+
.status-light--small .status-light__dot {
|
|
44
|
+
width: var(--nile-height-8px, var(--ng-height-8px));
|
|
45
|
+
height: var(--nile-height-8px, var(--ng-height-8px));
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.status-light--medium .status-light__dot {
|
|
49
|
+
width: var(--nile-height-10px, var(--ng-height-10px));
|
|
50
|
+
height: var(--nile-height-10px, var(--ng-height-10px));
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.status-light--large .status-light__dot {
|
|
54
|
+
width: var(--nile-height-12px, var(--ng-height-12px));
|
|
55
|
+
height: var(--nile-height-12px, var(--ng-height-12px));
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.status-light--x-large .status-light__dot {
|
|
59
|
+
width: var(--nile-height-14px, var(--ng-height-14px));
|
|
60
|
+
height: var(--nile-height-14px, var(--ng-height-14px));
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.status-light--large .status-light__label,
|
|
64
|
+
.status-light--x-large .status-light__label {
|
|
65
|
+
font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));
|
|
66
|
+
line-height: var(--nile-type-scale-6, var(--ng-line-height-text-md));
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
.status-light--positive .status-light__dot {
|
|
72
|
+
background: var(--nile-colors-green-500, var(--ng-componentcolors-utility-success-500));
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.status-light--negative .status-light__dot {
|
|
76
|
+
background: var(--nile-colors-red-500, var(--ng-componentcolors-utility-error-500));
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.status-light--notice .status-light__dot {
|
|
80
|
+
background: var(--nile-colors-yellow-500, var(--ng-componentcolors-utility-warning-500));
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.status-light--informative .status-light__dot {
|
|
84
|
+
background: var(--nile-colors-blue-500, var(--ng-componentcolors-utility-blue-light-500));
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.status-light--neutral .status-light__dot {
|
|
88
|
+
background: var(--nile-colors-gray-light-mode-500, var(--ng-componentcolors-utility-gray-500));
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.status-light--inactive .status-light__dot {
|
|
92
|
+
background: var(--nile-colors-gray-light-mode-300, var(--ng-componentcolors-utility-gray-300));
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.status-light--inactive .status-light__label {
|
|
96
|
+
color: var(--nile-colors-text-tertiary, var(--ng-componentcolors-utility-gray-500));
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.status-light--disabled .status-light__dot {
|
|
100
|
+
background: var(--nile-colors-text-disabled, var(--ng-componentcolors-utility-gray-300));
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.status-light--disabled .status-light__label {
|
|
104
|
+
color: var(--nile-colors-text-disabled, var(--ng-colors-text-disabled));
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
|
|
108
|
+
|
|
109
|
+
.status-light--pulse .status-light__dot::after {
|
|
110
|
+
content: '';
|
|
111
|
+
position: absolute;
|
|
112
|
+
inset: 0;
|
|
113
|
+
border-radius: inherit;
|
|
114
|
+
background: inherit;
|
|
115
|
+
animation: status-light-pulse 1.5s ease-out infinite;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
@keyframes status-light-pulse {
|
|
119
|
+
0% {
|
|
120
|
+
transform: scale(1);
|
|
121
|
+
opacity: 0.6;
|
|
122
|
+
}
|
|
123
|
+
100% {
|
|
124
|
+
transform: scale(2.5);
|
|
125
|
+
opacity: 0;
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
@media (prefers-reduced-motion: reduce) {
|
|
130
|
+
.status-light--pulse .status-light__dot::after {
|
|
131
|
+
animation: none;
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
/* #endregion */
|
|
136
|
+
`;export{i as s};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import{__decorate as t}from"tslib";import{html as s}from"lit";import{s as i}from"./nile-status-light.css.esm.js";import{classMap as e}from"lit/directives/class-map.js";import{property as a,customElement as l}from"lit/decorators.js";import{N as r,s as o}from"../internal/nile-element.esm.js";import{A as n}from"../internal/accessibility/a11y.property.enum.esm.js";import{A as m}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 u=class extends r{constructor(){super(...arguments),this.variant="neutral",this.size="medium",this.disabled=!1,this.pulse=!1}connectedCallback(){super.connectedCallback(),o(this,{[h.Role]:m.Text,[n.AriaLabel]:this.textContent?.trim()||""})}render(){return s`
|
|
2
|
+
<span
|
|
3
|
+
part="base"
|
|
4
|
+
class=${e({"status-light":!0,"status-light--positive":"positive"===this.variant,"status-light--negative":"negative"===this.variant,"status-light--notice":"notice"===this.variant,"status-light--informative":"informative"===this.variant,"status-light--neutral":"neutral"===this.variant,"status-light--inactive":"inactive"===this.variant,"status-light--small":"small"===this.size,"status-light--medium":"medium"===this.size,"status-light--large":"large"===this.size,"status-light--x-large":"x-large"===this.size,"status-light--disabled":this.disabled,"status-light--pulse":this.pulse&&!this.disabled})}
|
|
5
|
+
>
|
|
6
|
+
<span
|
|
7
|
+
part="indicator"
|
|
8
|
+
class="status-light__dot"
|
|
9
|
+
aria-hidden="true"
|
|
10
|
+
></span>
|
|
11
|
+
<slot part="label" class="status-light__label"></slot>
|
|
12
|
+
</span>
|
|
13
|
+
`}};u.styles=i,t([a({reflect:!0})],u.prototype,"variant",void 0),t([a({reflect:!0,attribute:!0})],u.prototype,"size",void 0),t([a({type:Boolean,reflect:!0})],u.prototype,"disabled",void 0),t([a({type:Boolean,reflect:!0})],u.prototype,"pulse",void 0),u=t([l("nile-status-light")],u);export{u as N};
|
package/dist/src/index.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ export { NileInput } from './nile-input';
|
|
|
5
5
|
export { NileOtpInput } from './nile-otp-input';
|
|
6
6
|
export { NileMenu } from './nile-menu';
|
|
7
7
|
export { NileBadge } from './nile-badge';
|
|
8
|
+
export { NileStatusLight } from './nile-status-light';
|
|
8
9
|
export { NileDrawer } from './nile-drawer';
|
|
9
10
|
export { NileCheckbox } from './nile-checkbox';
|
|
10
11
|
export { NileCheckboxGroup } from './nile-checkbox-group';
|
package/dist/src/index.js
CHANGED
|
@@ -5,6 +5,7 @@ export { NileInput } from './nile-input';
|
|
|
5
5
|
export { NileOtpInput } from './nile-otp-input';
|
|
6
6
|
export { NileMenu } from './nile-menu';
|
|
7
7
|
export { NileBadge } from './nile-badge';
|
|
8
|
+
export { NileStatusLight } from './nile-status-light';
|
|
8
9
|
export { NileDrawer } from './nile-drawer';
|
|
9
10
|
export { NileCheckbox } from './nile-checkbox';
|
|
10
11
|
export { NileCheckboxGroup } from './nile-checkbox-group';
|
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 { 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 { NileInlineSidebarItemHeader } from './nile-inline-sidebar-item-header';\nexport { NileInlineSidebarItemBody } from './nile-inline-sidebar-item-body';"]}
|
|
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 { NileInlineSidebarItemHeader } from './nile-inline-sidebar-item-header';\nexport { NileInlineSidebarItemBody } from './nile-inline-sidebar-item-body';"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { NileStatusLight } from './nile-status-light';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-status-light/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC","sourcesContent":["export { NileStatusLight } from './nile-status-light';\n"]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Aquera Inc 2026
|
|
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
|
+
export declare const styles: import("lit").CSSResult;
|
|
8
|
+
declare const _default: import("lit").CSSResult[];
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Aquera Inc 2026
|
|
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
|
+
export const styles = css `
|
|
9
|
+
:host {
|
|
10
|
+
-webkit-font-smoothing: var(
|
|
11
|
+
--nile-webkit-font-smoothing,
|
|
12
|
+
var(--ng-webkit-font-smoothing)
|
|
13
|
+
);
|
|
14
|
+
-moz-osx-font-smoothing: var(
|
|
15
|
+
--nile-moz-osx-font-smoothing,
|
|
16
|
+
var(--ng-moz-osx-font-smoothing)
|
|
17
|
+
);
|
|
18
|
+
text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
|
|
19
|
+
display: inline-block;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.status-light {
|
|
23
|
+
display: inline-flex;
|
|
24
|
+
align-items: center;
|
|
25
|
+
gap: var(--nile-spacing-sm, var(--ng-spacing-2));
|
|
26
|
+
box-sizing: border-box;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.status-light__dot {
|
|
30
|
+
position: relative;
|
|
31
|
+
flex: none;
|
|
32
|
+
border-radius: var(--nile-radius-full, var(--ng-radius-full));
|
|
33
|
+
width: var(--nile-height-10px, var(--ng-height-10px));
|
|
34
|
+
height: var(--nile-height-10px, var(--ng-height-10px));
|
|
35
|
+
background: var(--nile-colors-gray-light-mode-500, var(--ng-componentcolors-utility-gray-500));
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.status-light__label {
|
|
39
|
+
font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
|
|
40
|
+
font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));
|
|
41
|
+
font-style: normal;
|
|
42
|
+
font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));
|
|
43
|
+
line-height: var(--nile-type-scale-5, var(--ng-line-height-text-sm));
|
|
44
|
+
letter-spacing: 0.2px;
|
|
45
|
+
color: var(--nile-colors-dark-900, var(--ng-componentcolors-utility-gray-900));
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
/* #region Sizes */
|
|
49
|
+
|
|
50
|
+
.status-light--small .status-light__dot {
|
|
51
|
+
width: var(--nile-height-8px, var(--ng-height-8px));
|
|
52
|
+
height: var(--nile-height-8px, var(--ng-height-8px));
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.status-light--medium .status-light__dot {
|
|
56
|
+
width: var(--nile-height-10px, var(--ng-height-10px));
|
|
57
|
+
height: var(--nile-height-10px, var(--ng-height-10px));
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.status-light--large .status-light__dot {
|
|
61
|
+
width: var(--nile-height-12px, var(--ng-height-12px));
|
|
62
|
+
height: var(--nile-height-12px, var(--ng-height-12px));
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.status-light--x-large .status-light__dot {
|
|
66
|
+
width: var(--nile-height-14px, var(--ng-height-14px));
|
|
67
|
+
height: var(--nile-height-14px, var(--ng-height-14px));
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.status-light--large .status-light__label,
|
|
71
|
+
.status-light--x-large .status-light__label {
|
|
72
|
+
font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));
|
|
73
|
+
line-height: var(--nile-type-scale-6, var(--ng-line-height-text-md));
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
.status-light--positive .status-light__dot {
|
|
79
|
+
background: var(--nile-colors-green-500, var(--ng-componentcolors-utility-success-500));
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.status-light--negative .status-light__dot {
|
|
83
|
+
background: var(--nile-colors-red-500, var(--ng-componentcolors-utility-error-500));
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.status-light--notice .status-light__dot {
|
|
87
|
+
background: var(--nile-colors-yellow-500, var(--ng-componentcolors-utility-warning-500));
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.status-light--informative .status-light__dot {
|
|
91
|
+
background: var(--nile-colors-blue-500, var(--ng-componentcolors-utility-blue-light-500));
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.status-light--neutral .status-light__dot {
|
|
95
|
+
background: var(--nile-colors-gray-light-mode-500, var(--ng-componentcolors-utility-gray-500));
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.status-light--inactive .status-light__dot {
|
|
99
|
+
background: var(--nile-colors-gray-light-mode-300, var(--ng-componentcolors-utility-gray-300));
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.status-light--inactive .status-light__label {
|
|
103
|
+
color: var(--nile-colors-text-tertiary, var(--ng-componentcolors-utility-gray-500));
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.status-light--disabled .status-light__dot {
|
|
107
|
+
background: var(--nile-colors-text-disabled, var(--ng-componentcolors-utility-gray-300));
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
.status-light--disabled .status-light__label {
|
|
111
|
+
color: var(--nile-colors-text-disabled, var(--ng-colors-text-disabled));
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
|
|
115
|
+
|
|
116
|
+
.status-light--pulse .status-light__dot::after {
|
|
117
|
+
content: '';
|
|
118
|
+
position: absolute;
|
|
119
|
+
inset: 0;
|
|
120
|
+
border-radius: inherit;
|
|
121
|
+
background: inherit;
|
|
122
|
+
animation: status-light-pulse 1.5s ease-out infinite;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
@keyframes status-light-pulse {
|
|
126
|
+
0% {
|
|
127
|
+
transform: scale(1);
|
|
128
|
+
opacity: 0.6;
|
|
129
|
+
}
|
|
130
|
+
100% {
|
|
131
|
+
transform: scale(2.5);
|
|
132
|
+
opacity: 0;
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
@media (prefers-reduced-motion: reduce) {
|
|
137
|
+
.status-light--pulse .status-light__dot::after {
|
|
138
|
+
animation: none;
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
/* #endregion */
|
|
143
|
+
`;
|
|
144
|
+
export default [styles];
|
|
145
|
+
//# sourceMappingURL=nile-status-light.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nile-status-light.css.js","sourceRoot":"","sources":["../../../src/nile-status-light/nile-status-light.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuIxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2026\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';\nexport const styles = css`\n :host {\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 display: inline-block;\n }\n\n .status-light {\n display: inline-flex;\n align-items: center;\n gap: var(--nile-spacing-sm, var(--ng-spacing-2));\n box-sizing: border-box;\n }\n\n .status-light__dot {\n position: relative;\n flex: none;\n border-radius: var(--nile-radius-full, var(--ng-radius-full));\n width: var(--nile-height-10px, var(--ng-height-10px));\n height: var(--nile-height-10px, var(--ng-height-10px));\n background: var(--nile-colors-gray-light-mode-500, var(--ng-componentcolors-utility-gray-500));\n }\n\n .status-light__label {\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));\n font-style: normal;\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n line-height: var(--nile-type-scale-5, var(--ng-line-height-text-sm));\n letter-spacing: 0.2px;\n color: var(--nile-colors-dark-900, var(--ng-componentcolors-utility-gray-900));\n }\n\n /* #region Sizes */\n\n .status-light--small .status-light__dot {\n width: var(--nile-height-8px, var(--ng-height-8px));\n height: var(--nile-height-8px, var(--ng-height-8px));\n }\n\n .status-light--medium .status-light__dot {\n width: var(--nile-height-10px, var(--ng-height-10px));\n height: var(--nile-height-10px, var(--ng-height-10px));\n }\n\n .status-light--large .status-light__dot {\n width: var(--nile-height-12px, var(--ng-height-12px));\n height: var(--nile-height-12px, var(--ng-height-12px));\n }\n\n .status-light--x-large .status-light__dot {\n width: var(--nile-height-14px, var(--ng-height-14px));\n height: var(--nile-height-14px, var(--ng-height-14px));\n }\n\n .status-light--large .status-light__label,\n .status-light--x-large .status-light__label {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n line-height: var(--nile-type-scale-6, var(--ng-line-height-text-md));\n }\n\n \n\n .status-light--positive .status-light__dot {\n background: var(--nile-colors-green-500, var(--ng-componentcolors-utility-success-500));\n }\n\n .status-light--negative .status-light__dot {\n background: var(--nile-colors-red-500, var(--ng-componentcolors-utility-error-500));\n }\n\n .status-light--notice .status-light__dot {\n background: var(--nile-colors-yellow-500, var(--ng-componentcolors-utility-warning-500));\n }\n\n .status-light--informative .status-light__dot {\n background: var(--nile-colors-blue-500, var(--ng-componentcolors-utility-blue-light-500));\n }\n\n .status-light--neutral .status-light__dot {\n background: var(--nile-colors-gray-light-mode-500, var(--ng-componentcolors-utility-gray-500));\n }\n\n .status-light--inactive .status-light__dot {\n background: var(--nile-colors-gray-light-mode-300, var(--ng-componentcolors-utility-gray-300));\n }\n\n .status-light--inactive .status-light__label {\n color: var(--nile-colors-text-tertiary, var(--ng-componentcolors-utility-gray-500));\n }\n\n .status-light--disabled .status-light__dot {\n background: var(--nile-colors-text-disabled, var(--ng-componentcolors-utility-gray-300));\n }\n\n .status-light--disabled .status-light__label {\n color: var(--nile-colors-text-disabled, var(--ng-colors-text-disabled));\n }\n\n \n\n .status-light--pulse .status-light__dot::after {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: inherit;\n background: inherit;\n animation: status-light-pulse 1.5s ease-out infinite;\n }\n\n @keyframes status-light-pulse {\n 0% {\n transform: scale(1);\n opacity: 0.6;\n }\n 100% {\n transform: scale(2.5);\n opacity: 0;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .status-light--pulse .status-light__dot::after {\n animation: none;\n }\n }\n\n /* #endregion */\n`;\n\nexport default [styles];\n"]}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Aquera Inc 2026
|
|
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 { TemplateResult } from 'lit';
|
|
8
|
+
import NileElement from '../internal/nile-element';
|
|
9
|
+
import type { CSSResultGroup } from 'lit';
|
|
10
|
+
/**
|
|
11
|
+
* Nile status light component.
|
|
12
|
+
*
|
|
13
|
+
* @tag nile-status-light
|
|
14
|
+
*
|
|
15
|
+
* @summary Status lights describe the status of an object, using a colored dot
|
|
16
|
+
* alongside a text label (e.g. "Active", "Error", "Pending").
|
|
17
|
+
* @status experimental
|
|
18
|
+
*
|
|
19
|
+
* @slot - The status light's text label.
|
|
20
|
+
*
|
|
21
|
+
* @attr {boolean} pulse - Optional pulse animation for active statuses.
|
|
22
|
+
*
|
|
23
|
+
* @csspart base - The component's base wrapper.
|
|
24
|
+
* @csspart indicator - The colored status dot.
|
|
25
|
+
* @csspart label - The status light's text label.
|
|
26
|
+
*
|
|
27
|
+
* @example
|
|
28
|
+
* <!-- Pulse animation for an active status -->
|
|
29
|
+
* <nile-status-light variant="positive" pulse>Active</nile-status-light>
|
|
30
|
+
*
|
|
31
|
+
* @example
|
|
32
|
+
* <!-- Disabled status light with muted colors -->
|
|
33
|
+
* <nile-status-light variant="positive" disabled>Inactive</nile-status-light>
|
|
34
|
+
*/
|
|
35
|
+
export declare class NileStatusLight extends NileElement {
|
|
36
|
+
static styles: CSSResultGroup;
|
|
37
|
+
connectedCallback(): void;
|
|
38
|
+
/** The status light's color variant. */
|
|
39
|
+
variant: 'positive' | 'negative' | 'notice' | 'informative' | 'neutral' | 'inactive';
|
|
40
|
+
/** The status light's size. */
|
|
41
|
+
size: 'small' | 'medium' | 'large' | 'x-large';
|
|
42
|
+
/** Disables the status light, muting its colors. */
|
|
43
|
+
disabled: boolean;
|
|
44
|
+
/** Draws attention to an active status with a pulsing animation around the dot. */
|
|
45
|
+
pulse: boolean;
|
|
46
|
+
render(): TemplateResult;
|
|
47
|
+
}
|
|
48
|
+
export default NileStatusLight;
|
|
49
|
+
declare global {
|
|
50
|
+
interface HTMLElementTagNameMap {
|
|
51
|
+
'nile-status-light': NileStatusLight;
|
|
52
|
+
}
|
|
53
|
+
}
|