@aquera/nile-elements 2.0.17 → 2.0.19
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 +8 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.js +629 -440
- package/dist/nile-breadcrumb/nile-breadcrumb.cjs.js +1 -1
- package/dist/nile-breadcrumb/nile-breadcrumb.cjs.js.map +1 -1
- package/dist/nile-breadcrumb/nile-breadcrumb.esm.js +2 -2
- package/dist/nile-breadcrumb-item/nile-breadcrumb-item.cjs.js +1 -1
- package/dist/nile-breadcrumb-item/nile-breadcrumb-item.cjs.js.map +1 -1
- package/dist/nile-breadcrumb-item/nile-breadcrumb-item.css.cjs.js +1 -1
- package/dist/nile-breadcrumb-item/nile-breadcrumb-item.css.cjs.js.map +1 -1
- package/dist/nile-breadcrumb-item/nile-breadcrumb-item.css.esm.js +14 -2
- package/dist/nile-breadcrumb-item/nile-breadcrumb-item.esm.js +4 -4
- package/dist/nile-minimap/index.cjs.js +2 -0
- package/dist/nile-minimap/index.cjs.js.map +1 -0
- package/dist/nile-minimap/index.esm.js +1 -0
- package/dist/nile-minimap/nile-minimap.cjs.js +2 -0
- package/dist/nile-minimap/nile-minimap.cjs.js.map +1 -0
- package/dist/nile-minimap/nile-minimap.css.cjs.js +2 -0
- package/dist/nile-minimap/nile-minimap.css.cjs.js.map +1 -0
- package/dist/nile-minimap/nile-minimap.css.esm.js +150 -0
- package/dist/nile-minimap/nile-minimap.esm.js +22 -0
- package/dist/nile-select/index.cjs.js +1 -1
- package/dist/nile-select/index.esm.js +1 -1
- package/dist/nile-select/nile-select.cjs.js +2 -2
- package/dist/nile-select/nile-select.cjs.js.map +1 -1
- package/dist/nile-select/nile-select.esm.js +1 -1
- package/dist/nile-select/virtual-scroll-helper.cjs.js +1 -1
- package/dist/nile-select/virtual-scroll-helper.cjs.js.map +1 -1
- package/dist/nile-select/virtual-scroll-helper.esm.js +48 -47
- package/dist/nile-virtual-select/nile-virtual-select.cjs.js +4 -4
- package/dist/nile-virtual-select/nile-virtual-select.cjs.js.map +1 -1
- package/dist/nile-virtual-select/nile-virtual-select.esm.js +2 -2
- 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-breadcrumb/nile-breadcrumb.d.ts +7 -0
- package/dist/src/nile-breadcrumb/nile-breadcrumb.js +24 -1
- package/dist/src/nile-breadcrumb/nile-breadcrumb.js.map +1 -1
- package/dist/src/nile-breadcrumb/nile-breadcrumb.test.js +51 -0
- package/dist/src/nile-breadcrumb/nile-breadcrumb.test.js.map +1 -1
- package/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.css.js +12 -0
- package/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.css.js.map +1 -1
- package/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.d.ts +5 -0
- package/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.js +9 -0
- package/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.js.map +1 -1
- package/dist/src/nile-minimap/index.d.ts +1 -0
- package/dist/src/nile-minimap/index.js +2 -0
- package/dist/src/nile-minimap/index.js.map +1 -0
- package/dist/src/nile-minimap/nile-minimap.css.d.ts +12 -0
- package/dist/src/nile-minimap/nile-minimap.css.js +162 -0
- package/dist/src/nile-minimap/nile-minimap.css.js.map +1 -0
- package/dist/src/nile-minimap/nile-minimap.d.ts +131 -0
- package/dist/src/nile-minimap/nile-minimap.js +704 -0
- package/dist/src/nile-minimap/nile-minimap.js.map +1 -0
- package/dist/src/nile-minimap/nile-minimap.test.d.ts +1 -0
- package/dist/src/nile-minimap/nile-minimap.test.js +785 -0
- package/dist/src/nile-minimap/nile-minimap.test.js.map +1 -0
- package/dist/src/nile-select/nile-select.d.ts +1 -0
- package/dist/src/nile-select/nile-select.js +16 -1
- package/dist/src/nile-select/nile-select.js.map +1 -1
- package/dist/src/nile-select/nile-select.test.js +430 -5
- package/dist/src/nile-select/nile-select.test.js.map +1 -1
- package/dist/src/nile-select/virtual-scroll-helper.js +7 -4
- package/dist/src/nile-select/virtual-scroll-helper.js.map +1 -1
- package/dist/src/nile-virtual-select/nile-virtual-select.d.ts +3 -1
- package/dist/src/nile-virtual-select/nile-virtual-select.js +14 -6
- package/dist/src/nile-virtual-select/nile-virtual-select.js.map +1 -1
- package/dist/src/nile-virtual-select/nile-virtual-select.test.js +115 -1
- package/dist/src/nile-virtual-select/nile-virtual-select.test.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 +1 -0
- package/src/nile-breadcrumb/nile-breadcrumb.test.ts +57 -0
- package/src/nile-breadcrumb/nile-breadcrumb.ts +19 -0
- package/src/nile-breadcrumb-item/nile-breadcrumb-item.css.ts +12 -0
- package/src/nile-breadcrumb-item/nile-breadcrumb-item.ts +7 -0
- package/src/nile-minimap/index.ts +1 -0
- package/src/nile-minimap/nile-minimap.css.ts +164 -0
- package/src/nile-minimap/nile-minimap.test.ts +924 -0
- package/src/nile-minimap/nile-minimap.ts +796 -0
- package/src/nile-select/nile-select.test.ts +560 -5
- package/src/nile-select/nile-select.ts +21 -1
- package/src/nile-select/virtual-scroll-helper.ts +7 -4
- package/src/nile-virtual-select/nile-virtual-select.test.ts +139 -1
- package/src/nile-virtual-select/nile-virtual-select.ts +17 -6
- package/vscode-html-custom-data.json +138 -36
|
@@ -1,2 +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","lit/decorators.js","./nile-breadcrumb.css.cjs.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"],function(_export,_context){"use strict";var e,
|
|
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","lit/decorators.js","./nile-breadcrumb.css.cjs.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"],function(_export,_context){"use strict";var t,e,i,s,r,a,_templateObject,c;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r);}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r);}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}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){e=_lit.html;},function(_litDecoratorsJs){i=_litDecoratorsJs.property;s=_litDecoratorsJs.customElement;},function(_nileBreadcrumbCssCjsJs){r=_nileBreadcrumbCssCjsJs.s;},function(_internalNileElementCjsJs){a=_internalNileElementCjsJs.N;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){_export("N",c=/*#__PURE__*/function(_a){function c(){var _this;_classCallCheck(this,c);_this=_callSuper(this,c,arguments),_this.variant="default";return _this;}_inherits(c,_a);return _createClass(c,[{key:"connectedCallback",value:function connectedCallback(){var _this2=this;_superPropGet(c,"connectedCallback",this,3)([]),this.updateComplete.then(function(){_this2.changeLastItem();});}},{key:"updated",value:function updated(t){t.has("variant")&&this.syncItemVariant();}},{key:"syncItemVariant",value:function syncItemVariant(){var _this3=this;this.querySelectorAll("nile-breadcrumb-item").forEach(function(t){t.variant=_this3.variant;});}},{key:"changeLastItem",value:function changeLastItem(){this.syncItemVariant();var t=_toConsumableArray(this.querySelectorAll("nile-breadcrumb-item")),e=t.length;for(var _i=0;_i<e-1;_i++){t[_i].isLast=!1;}t[e-1].isLast=!0;}},{key:"handleRemoveClick",value:function handleRemoveClick(t){this.emit("nile-click",{value:t.target.innerText});}},{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <slot\n @slotchange=","\n @nile-click-item=","\n class=\"breadcrumb\"\n ></slot>\n "])),this.changeLastItem,this.handleRemoveClick);}}],[{key:"styles",get:function get(){return[r];}}]);}(a));t([i({type:String,reflect:!0})],c.prototype,"variant",void 0),_export("N",c=t([s("nile-breadcrumb")],c));}};});
|
|
2
2
|
//# sourceMappingURL=nile-breadcrumb.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-breadcrumb.cjs.js","sources":["../../../src/nile-breadcrumb/nile-breadcrumb.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 {\n LitElement,\n html,\n CSSResultArray,\n TemplateResult,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-breadcrumb.css';\nimport NileElement from '../internal/nile-element';\nimport { foreach } from '../nile-icon/icons/svg';\n/**\n * Nile BreadCrumb component.\n *\n * @tag nile-breadcrumb\n *\n */\n@customElement('nile-breadcrumb')\nexport class NileBreadcrumb extends NileElement {\n /**\n * The styles for Breadcrumb\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n /* #endregion */\n\n /* #region Methods */\n\n /**\n * Render method\n * @slot This is a slot test\n */\n connectedCallback() {\n super.connectedCallback();\n this.updateComplete.then(() => {\n this.changeLastItem();\n });\n }\n\n private changeLastItem() {\n const items: any = [...this.querySelectorAll('nile-breadcrumb-item')];\n const itemslength = items.length;\n for (let i = 0; i < itemslength - 1; i++) {\n const element = items[i];\n element.isLast = false;\n }\n const lastItem = items[itemslength - 1];\n lastItem.isLast = true;\n }\n\n private handleRemoveClick(event: any) {\n this.emit('nile-click', { value: event.target.innerText });\n }\n\n public render(): TemplateResult {\n return html`\n <slot\n @slotchange=${this.changeLastItem}\n @nile-click-item=${this.handleRemoveClick}\n class=\"breadcrumb\"\n ></slot>\n `;\n }\n\n /* #endregion */\n}\n\nexport default NileBreadcrumb;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-breadcrumb': NileBreadcrumb;\n }\n}\n"],"names":["NileBreadcrumb","
|
|
1
|
+
{"version":3,"file":"nile-breadcrumb.cjs.js","sources":["../../../src/nile-breadcrumb/nile-breadcrumb.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 {\n LitElement,\n html,\n CSSResultArray,\n TemplateResult,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-breadcrumb.css';\nimport NileElement from '../internal/nile-element';\nimport { foreach } from '../nile-icon/icons/svg';\n/**\n * Nile BreadCrumb component.\n *\n * @tag nile-breadcrumb\n *\n */\n@customElement('nile-breadcrumb')\nexport class NileBreadcrumb extends NileElement {\n /**\n * The styles for Breadcrumb\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n /**\n * Visual style of the items. `outlined` renders each item inside an outlined chip;\n * text colours are unchanged. Propagated to every slotted `nile-breadcrumb-item`.\n */\n @property({ type: String, reflect: true }) variant: 'default' | 'outlined' = 'default';\n\n /* #endregion */\n\n /* #region Methods */\n\n /**\n * Render method\n * @slot This is a slot test\n */\n connectedCallback() {\n super.connectedCallback();\n this.updateComplete.then(() => {\n this.changeLastItem();\n });\n }\n\n protected updated(changedProperties: Map<string, unknown>) {\n if (changedProperties.has('variant')) {\n this.syncItemVariant();\n }\n }\n\n private syncItemVariant() {\n this.querySelectorAll('nile-breadcrumb-item').forEach(item => {\n item.variant = this.variant;\n });\n }\n\n private changeLastItem() {\n this.syncItemVariant();\n const items: any = [...this.querySelectorAll('nile-breadcrumb-item')];\n const itemslength = items.length;\n for (let i = 0; i < itemslength - 1; i++) {\n const element = items[i];\n element.isLast = false;\n }\n const lastItem = items[itemslength - 1];\n lastItem.isLast = true;\n }\n\n private handleRemoveClick(event: any) {\n this.emit('nile-click', { value: event.target.innerText });\n }\n\n public render(): TemplateResult {\n return html`\n <slot\n @slotchange=${this.changeLastItem}\n @nile-click-item=${this.handleRemoveClick}\n class=\"breadcrumb\"\n ></slot>\n `;\n }\n\n /* #endregion */\n}\n\nexport default NileBreadcrumb;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-breadcrumb': NileBreadcrumb;\n }\n}\n"],"names":["NileBreadcrumb","c","constructor","this","variant","_this","_inherits","_a","_createClass","key","value","connectedCallback","super","updateComplete","then","changeLastItem","updated","changedProperties","has","syncItemVariant","querySelectorAll","forEach","item","items","itemslength","length","i","isLast","handleRemoveClick","event","emit","target","innerText","render","html","_templateObject","_taggedTemplateLiteral","get","styles","NileElement","__decorate","property","type","String","reflect","prototype","customElement"],"mappings":"85JAwBaA,CAAAA,uBAAAA,EAAAA,EAAN,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCAasCC,KAAAA,CAAOC,OAAAA,CAA2B,SAwD9E,QAAAC,KAAA,EAhEQC,SAAA,CAAAL,CAAA,CAAAM,EAAA,SAAAC,YAAA,CAAAP,CAAA,GAAAQ,GAAA,qBAAAC,KAAA,CAkBP,SAAAC,iBAAAA,CAAAA,CACEC,KAAAA,MAAAA,MAAAA,aAAAA,CAAAA,CAAAA,iCACAT,IAAKU,CAAAA,cAAAA,CAAeC,IAAK,CAAA,UAAA,CACvBX,MAAKY,CAAAA,cAAAA,CAAAA,CAAgB,GAExB,EAES,GAAAN,GAAA,WAAAC,KAAA,UAAAM,OAAAA,CAAQC,CAAAA,CAAAA,CACZA,CAAkBC,CAAAA,GAAAA,CAAI,SACxBf,CAAAA,EAAAA,IAAAA,CAAKgB,eAER,CAAA,CAAA,EAEO,GAAAV,GAAA,mBAAAC,KAAA,UAAAS,eAAAA,CAAAA,CAAAA,KAAAA,MAAAA,MACNhB,IAAKiB,CAAAA,gBAAAA,CAAiB,wBAAwBC,OAAQC,CAAAA,SAAAA,CAAAA,CAAAA,CACpDA,CAAKlB,CAAAA,OAAAA,CAAUD,MAAKC,CAAAA,OAAO,GAE9B,EAEO,GAAAK,GAAA,kBAAAC,KAAA,UAAAK,cAAAA,CAAAA,CACNZ,CAAAA,IAAAA,CAAKgB,eACL,CAAA,CAAA,CAAA,GAAMI,CAAAA,qBAAiBpB,IAAAA,CAAKiB,gBAAiB,CAAA,sBAAA,CAAA,CAAA,CACvCI,CAAcD,CAAAA,CAAAA,CAAME,MAC1B,CAAA,IAAK,GAAIC,CAAAA,EAAAA,CAAI,CAAGA,CAAAA,EAAAA,CAAIF,CAAc,CAAA,CAAA,CAAGE,KAAK,CACxBH,CAAAA,CAAMG,EACdC,CAAAA,CAAAA,MAAAA,CAAAA,CAAS,CAClB,EACgBJ,CAAMC,CAAAA,CAAAA,CAAc,CAC5BG,CAAAA,CAAAA,MAAAA,CAAAA,CAAS,CACnB,EAEO,GAAAlB,GAAA,qBAAAC,KAAA,UAAAkB,iBAAAA,CAAkBC,GACxB1B,IAAK2B,CAAAA,IAAAA,CAAK,YAAc,CAAA,CAAEpB,KAAOmB,CAAAA,CAAAA,CAAME,MAAOC,CAAAA,SAAAA,CAAAA,CAC/C,EAEM,GAAAvB,GAAA,UAAAC,KAAA,UAAAuB,MAAAA,CAAAA,CACL,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,gIAEOjC,IAAKY,CAAAA,cAAAA,CACAZ,IAAKyB,CAAAA,iBAAAA,EAI7B,CAAA,KAAAnB,GAAA,UAAA4B,GAAA,CA7DM,SAAAA,IAAA,CAAWC,CAChB,MAAO,CAACA,CAAAA,CACT,EAgBD,MAvBkCC,CAAAA,GAaSC,EAAA,CAA1CC,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,OAAQC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAoD5C,CAAA6C,CAAAA,SAAAA,CAAA,cAAA,EAb5E7C,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAcwC,EAAA,CAD1BM,CAAAA,CAAc,oBACF9C"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import{__decorate as e}from"tslib";import{html as t}from"lit";import{customElement as s}from"lit/decorators.js";import{s as
|
|
1
|
+
import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as i,customElement as s}from"lit/decorators.js";import{s as r}from"./nile-breadcrumb.css.esm.js";import{N as a}from"../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";let l=class extends a{constructor(){super(...arguments),this.variant="default"}static get styles(){return[r]}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this.changeLastItem()}))}updated(e){e.has("variant")&&this.syncItemVariant()}syncItemVariant(){this.querySelectorAll("nile-breadcrumb-item").forEach((e=>{e.variant=this.variant}))}changeLastItem(){this.syncItemVariant();const e=[...this.querySelectorAll("nile-breadcrumb-item")],t=e.length;for(let i=0;i<t-1;i++){e[i].isLast=!1}e[t-1].isLast=!0}handleRemoveClick(e){this.emit("nile-click",{value:e.target.innerText})}render(){return t`
|
|
2
2
|
<slot
|
|
3
3
|
@slotchange=${this.changeLastItem}
|
|
4
4
|
@nile-click-item=${this.handleRemoveClick}
|
|
5
5
|
class="breadcrumb"
|
|
6
6
|
></slot>
|
|
7
|
-
`}};l=e([s("nile-breadcrumb")],l);export{l as N};
|
|
7
|
+
`}};e([i({type:String,reflect:!0})],l.prototype,"variant",void 0),l=e([s("nile-breadcrumb")],l);export{l as N};
|
|
@@ -1,2 +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","lit/decorators.js","lit/directives/class-map.js","./nile-breadcrumb-item.css.cjs.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"],function(_export,_context){"use strict";var i,t,r,
|
|
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","lit/decorators.js","lit/directives/class-map.js","./nile-breadcrumb-item.css.cjs.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"],function(_export,_context){"use strict";var i,t,e,r,s,l,a,o,_templateObject,n;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}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 _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){i=_tslib.__decorate;},function(_lit){t=_lit.html;},function(_litDecoratorsJs){e=_litDecoratorsJs.state;r=_litDecoratorsJs.property;s=_litDecoratorsJs.customElement;},function(_litDirectivesClassMapJs){l=_litDirectivesClassMapJs.classMap;},function(_nileBreadcrumbItemCssCjsJs){a=_nileBreadcrumbItemCssCjsJs.s;},function(_internalNileElementCjsJs){o=_internalNileElementCjsJs.N;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){_export("N",n=/*#__PURE__*/function(_o){function n(){var _this;_classCallCheck(this,n);_this=_callSuper(this,n,arguments),_this.isLast=!1,_this.separator="var(--nile-icon-arrow-right, var(--ng-icon-chevron-right))",_this.variant="default";return _this;}_inherits(n,_o);return _createClass(n,[{key:"handleClick",value:function handleClick(){this.isLast||this.emit("nile-click-item");}},{key:"render",value:function render(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <div part=\"item\"\n class=","\n @click=","\n >\n <slot></slot>\n </div>\n <nile-icon\n name=","\n aria-label=","\n method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n color=\"var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400))\"\n class=","\n size=\"14\"\n ></nile-icon>\n "])),l({"nile-breadcrumb-item__slot-text":!this.isLast,"nile-breadcrumb-item__last-slot-text":this.isLast,"nile-breadcrumb-item--outlined":"outlined"===this.variant}),this.handleClick,this.separator,this.separator,l({"nile-breadcrumb-item__arrow":!0,"nile-breadcrumb-item__arrow-hidden":this.isLast}));}}],[{key:"styles",get:function get(){return[a];}}]);}(o));i([e()],n.prototype,"isLast",void 0),i([r({type:String})],n.prototype,"separator",void 0),i([r({type:String,reflect:!0})],n.prototype,"variant",void 0),_export("N",n=i([s("nile-breadcrumb-item")],n));}};});
|
|
2
2
|
//# sourceMappingURL=nile-breadcrumb-item.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-breadcrumb-item.cjs.js","sources":["../../../src/nile-breadcrumb-item/nile-breadcrumb-item.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 {\n LitElement,\n html,\n CSSResultArray,\n TemplateResult,\n} from 'lit';\nimport { customElement, state, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './nile-breadcrumb-item.css';\nimport NileElement from '../internal/nile-element';\n/**\n * Nile BreadCrumb Item component.\n *\n * @tag nile-breadcrumb-item\n *\n */\n@customElement('nile-breadcrumb-item')\nexport class NileBreadcrumbItem extends NileElement {\n /**\n * The styles for BreadcrumbItem\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n @state() private isLast = false;\n\n /* #endregion */\n\n /* #region Methods */\n\n /**\n * Render method\n * @slot This is a slot test\n */\n\n @property({ type: String }) separator = 'var(--nile-icon-arrow-right, var(--ng-icon-chevron-right))';\n\n private handleClick() {\n if (this.isLast) {\n return;\n }\n this.emit('nile-click-item');\n }\n\n public render(): TemplateResult {\n return html`\n <div part=\"item\"\n class=${classMap({\n 'nile-breadcrumb-item__slot-text': !this.isLast,\n 'nile-breadcrumb-item__last-slot-text': this.isLast,\n })}\n @click=${this.handleClick}\n >\n <slot></slot>\n </div>\n <nile-icon\n name=${this.separator}\n aria-label=${this.separator}\n method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n color=\"var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400))\"\n class=${classMap({\n 'nile-breadcrumb-item__arrow': true,\n 'nile-breadcrumb-item__arrow-hidden': this.isLast,\n })}\n size=\"14\"\n ></nile-icon>\n `;\n }\n\n /* #endregion */\n}\n\nexport default NileBreadcrumbItem;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-breadcrumb-item': NileBreadcrumbItem;\n }\n}\n"],"names":["NileBreadcrumbItem","n","
|
|
1
|
+
{"version":3,"file":"nile-breadcrumb-item.cjs.js","sources":["../../../src/nile-breadcrumb-item/nile-breadcrumb-item.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 {\n LitElement,\n html,\n CSSResultArray,\n TemplateResult,\n} from 'lit';\nimport { customElement, state, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './nile-breadcrumb-item.css';\nimport NileElement from '../internal/nile-element';\n/**\n * Nile BreadCrumb Item component.\n *\n * @tag nile-breadcrumb-item\n *\n */\n@customElement('nile-breadcrumb-item')\nexport class NileBreadcrumbItem extends NileElement {\n /**\n * The styles for BreadcrumbItem\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n @state() private isLast = false;\n\n /* #endregion */\n\n /* #region Methods */\n\n /**\n * Render method\n * @slot This is a slot test\n */\n\n @property({ type: String }) separator = 'var(--nile-icon-arrow-right, var(--ng-icon-chevron-right))';\n\n /**\n * Visual style of the item. `outlined` wraps the text in an outlined chip.\n * Set automatically from the parent `nile-breadcrumb`'s `variant`.\n */\n @property({ type: String, reflect: true }) variant: 'default' | 'outlined' = 'default';\n\n private handleClick() {\n if (this.isLast) {\n return;\n }\n this.emit('nile-click-item');\n }\n\n public render(): TemplateResult {\n return html`\n <div part=\"item\"\n class=${classMap({\n 'nile-breadcrumb-item__slot-text': !this.isLast,\n 'nile-breadcrumb-item__last-slot-text': this.isLast,\n 'nile-breadcrumb-item--outlined': this.variant === 'outlined',\n })}\n @click=${this.handleClick}\n >\n <slot></slot>\n </div>\n <nile-icon\n name=${this.separator}\n aria-label=${this.separator}\n method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n color=\"var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400))\"\n class=${classMap({\n 'nile-breadcrumb-item__arrow': true,\n 'nile-breadcrumb-item__arrow-hidden': this.isLast,\n })}\n size=\"14\"\n ></nile-icon>\n `;\n }\n\n /* #endregion */\n}\n\nexport default NileBreadcrumbItem;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-breadcrumb-item': NileBreadcrumbItem;\n }\n}\n"],"names":["NileBreadcrumbItem","n","this","isLast","separator","variant","_this","_inherits","_o","_createClass","key","value","handleClick","emit","render","html","_templateObject","_taggedTemplateLiteral","classMap","get","styles","NileElement","__decorate","state","prototype","property","type","String","reflect","customElement"],"mappings":"2kHAwBaA,CAAAA,uBAAAA,EAAAA,EAAN,SAAAC,EAAA,qEASYC,EAAAA,KAAAA,CAAMC,QAAG,CAWED,CAAAA,KAAAA,CAASE,SAAG,CAAA,4DAAA,CAMGF,KAAAA,CAAOG,OAAAA,CAA2B,SAoC9E,QAAAC,KAAA,EAzDQC,SAAA,CAAAN,CAAA,CAAAO,EAAA,SAAAC,YAAA,CAAAR,CAAA,GAAAS,GAAA,eAAAC,KAAA,CAuBC,SAAAC,WAAAA,CAAAA,CAAAA,CACFV,IAAKC,CAAAA,MAAAA,EAGTD,IAAKW,CAAAA,IAAAA,CAAK,kBACX,EAEM,GAAAH,GAAA,UAAAC,KAAA,UAAAG,MAAAA,CAAAA,CACL,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,sZAECC,CAAS,CAAA,CACf,mCAAoChB,IAAKC,CAAAA,MAAAA,CACzC,uCAAwCD,IAAKC,CAAAA,MAAAA,CAC7C,gCAAmD,CAAA,UAAA,GAAjBD,IAAKG,CAAAA,OAAAA,CAAAA,CAAAA,CAEhCH,IAAKU,CAAAA,WAAAA,CAKPV,IAAKE,CAAAA,SAAAA,CACCF,IAAKE,CAAAA,SAAAA,CAGVc,CAAAA,CAAS,CACf,6BAAA,CAAA,CAA+B,CAC/B,CAAA,oCAAA,CAAsChB,IAAKC,CAAAA,MAAAA,CAAAA,CAAAA,EAKlD,CAAA,KAAAO,GAAA,UAAAS,GAAA,CAtDM,SAAAA,IAAA,CACL,CAAA,MAAO,CAACC,CAAAA,CACT,EAqBO,MA5B8BC,CAAjC,GASYC,CAAA,CAAA,CAAhBC,CAA+BvB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAwB,UAAA,QAAA,CAAA,IAAA,EAAA,CAAA,CAWJF,CAAA,CAAA,CAA3BG,EAAS,CAAEC,IAAAA,CAAMC,MAAmF3B,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAwB,UAAA,WAAA,CAAA,IAAA,EAAA,CAAA,CAM1DF,CAAA,CAAA,CAA1CG,CAAS,CAAA,CAAEC,IAAMC,CAAAA,MAAAA,CAAQC,SAAS,CAAoD5B,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAwB,SAAA,CAAA,SAAA,CAAA,IAAA,gBA1B5ExB,CAAkBsB,CAAAA,CAAAA,CAAA,CAD9BO,CAAAA,CAAc,yBACF7B"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["lit"],function(_export,_context){"use strict";var
|
|
1
|
+
System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,e;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",e=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n display: flex;\n align-items: center;\n text-align: center;\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n font-size: var(--nile-font-size-small, var(--ng-font-size-text-sm));\n font-style: normal;\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-semibold));\n line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));\n letter-spacing: 0.2px; \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 .nile-breadcrumb-item__arrow {\n margin: 0 var(--nile-spacing-md, var(--ng-spacing-md));\n }\n\n .nile-breadcrumb-item__arrow-hidden {\n display: none;\n }\n\n .nile-breadcrumb-item__slot-text {\n color: var(--nile-colors-dark-500, var(--ng-colors-text-quaternary-500));\n }\n\n .nile-breadcrumb-item__slot-text:hover {\n color: var(--nile-colors-primary-600, var(--ng-colors-text-tertiary-hover));\n cursor: pointer;\n }\n\n .nile-breadcrumb-item__last-slot-text {\n color: var(--nile-breadcrumb-color, var(--ng-colors-text-brand-secondary-700));\n }\n\n .nile-breadcrumb-item--outlined {\n padding: var(--nile-spacing-xs, var(--ng-spacing-xs)) var(--nile-spacing-md, var(--ng-spacing-md));\n border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n }\n\n .nile-breadcrumb-item--outlined.nile-breadcrumb-item__slot-text:hover,\n .nile-breadcrumb-item--outlined.nile-breadcrumb-item__last-slot-text {\n background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n }\n"]))));}};});
|
|
2
2
|
//# sourceMappingURL=nile-breadcrumb-item.css.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-breadcrumb-item.css.cjs.js","sources":["../../../src/nile-breadcrumb-item/nile-breadcrumb-item.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 * Breadcrumb-item CSS\n */\nexport const styles = css`\n :host {\n display: flex;\n align-items: center;\n text-align: center;\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n font-size: var(--nile-font-size-small, var(--ng-font-size-text-sm));\n font-style: normal;\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-semibold));\n line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));\n letter-spacing: 0.2px; \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 .nile-breadcrumb-item__arrow {\n margin: 0 var(--nile-spacing-md, var(--ng-spacing-md));\n }\n\n .nile-breadcrumb-item__arrow-hidden {\n display: none;\n }\n\n .nile-breadcrumb-item__slot-text {\n color: var(--nile-colors-dark-500, var(--ng-colors-text-quaternary-500));\n }\n\n .nile-breadcrumb-item__slot-text:hover {\n color: var(--nile-colors-primary-600, var(--ng-colors-text-tertiary-hover));\n cursor: pointer;\n }\n\n .nile-breadcrumb-item__last-slot-text {\n color: var(--nile-breadcrumb-color, var(--ng-colors-text-brand-secondary-700));\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
|
1
|
+
{"version":3,"file":"nile-breadcrumb-item.css.cjs.js","sources":["../../../src/nile-breadcrumb-item/nile-breadcrumb-item.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 * Breadcrumb-item CSS\n */\nexport const styles = css`\n :host {\n display: flex;\n align-items: center;\n text-align: center;\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n font-size: var(--nile-font-size-small, var(--ng-font-size-text-sm));\n font-style: normal;\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-semibold));\n line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));\n letter-spacing: 0.2px; \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 .nile-breadcrumb-item__arrow {\n margin: 0 var(--nile-spacing-md, var(--ng-spacing-md));\n }\n\n .nile-breadcrumb-item__arrow-hidden {\n display: none;\n }\n\n .nile-breadcrumb-item__slot-text {\n color: var(--nile-colors-dark-500, var(--ng-colors-text-quaternary-500));\n }\n\n .nile-breadcrumb-item__slot-text:hover {\n color: var(--nile-colors-primary-600, var(--ng-colors-text-tertiary-hover));\n cursor: pointer;\n }\n\n .nile-breadcrumb-item__last-slot-text {\n color: var(--nile-breadcrumb-color, var(--ng-colors-text-brand-secondary-700));\n }\n\n .nile-breadcrumb-item--outlined {\n padding: var(--nile-spacing-xs, var(--ng-spacing-xs)) var(--nile-spacing-md, var(--ng-spacing-md));\n border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n }\n\n .nile-breadcrumb-item--outlined.nile-breadcrumb-item__slot-text:hover,\n .nile-breadcrumb-item--outlined.nile-breadcrumb-item__last-slot-text {\n background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{css as
|
|
1
|
+
import{css as r}from"lit";const e=r`
|
|
2
2
|
:host {
|
|
3
3
|
display: flex;
|
|
4
4
|
align-items: center;
|
|
@@ -34,4 +34,16 @@ import{css as e}from"lit";const t=e`
|
|
|
34
34
|
.nile-breadcrumb-item__last-slot-text {
|
|
35
35
|
color: var(--nile-breadcrumb-color, var(--ng-colors-text-brand-secondary-700));
|
|
36
36
|
}
|
|
37
|
-
|
|
37
|
+
|
|
38
|
+
.nile-breadcrumb-item--outlined {
|
|
39
|
+
padding: var(--nile-spacing-xs, var(--ng-spacing-xs)) var(--nile-spacing-md, var(--ng-spacing-md));
|
|
40
|
+
border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));
|
|
41
|
+
border-radius: var(--nile-radius-sm, var(--ng-radius-md));
|
|
42
|
+
background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.nile-breadcrumb-item--outlined.nile-breadcrumb-item__slot-text:hover,
|
|
46
|
+
.nile-breadcrumb-item--outlined.nile-breadcrumb-item__last-slot-text {
|
|
47
|
+
background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));
|
|
48
|
+
}
|
|
49
|
+
`;export{e as s};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{__decorate as i}from"tslib";import{html as e}from"lit";import{state as t,property as r,customElement as s}from"lit/decorators.js";import{classMap as
|
|
1
|
+
import{__decorate as i}from"tslib";import{html as e}from"lit";import{state as t,property as r,customElement as s}from"lit/decorators.js";import{classMap as l}from"lit/directives/class-map.js";import{s as a}from"./nile-breadcrumb-item.css.esm.js";import{N as o}from"../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";let n=class extends o{constructor(){super(...arguments),this.isLast=!1,this.separator="var(--nile-icon-arrow-right, var(--ng-icon-chevron-right))",this.variant="default"}static get styles(){return[a]}handleClick(){this.isLast||this.emit("nile-click-item")}render(){return e`
|
|
2
2
|
<div part="item"
|
|
3
|
-
class=${
|
|
3
|
+
class=${l({"nile-breadcrumb-item__slot-text":!this.isLast,"nile-breadcrumb-item__last-slot-text":this.isLast,"nile-breadcrumb-item--outlined":"outlined"===this.variant})}
|
|
4
4
|
@click=${this.handleClick}
|
|
5
5
|
>
|
|
6
6
|
<slot></slot>
|
|
@@ -10,7 +10,7 @@ import{__decorate as i}from"tslib";import{html as e}from"lit";import{state as t,
|
|
|
10
10
|
aria-label=${this.separator}
|
|
11
11
|
method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"
|
|
12
12
|
color="var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400))"
|
|
13
|
-
class=${
|
|
13
|
+
class=${l({"nile-breadcrumb-item__arrow":!0,"nile-breadcrumb-item__arrow-hidden":this.isLast})}
|
|
14
14
|
size="14"
|
|
15
15
|
></nile-icon>
|
|
16
|
-
`}};i([t()],
|
|
16
|
+
`}};i([t()],n.prototype,"isLast",void 0),i([r({type:String})],n.prototype,"separator",void 0),i([r({type:String,reflect:!0})],n.prototype,"variant",void 0),n=i([s("nile-breadcrumb-item")],n);export{n as N};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
System.register(["./nile-minimap.cjs.js","tslib","lit","lit/decorators.js","lit/directives/class-map.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","./nile-minimap.css.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileMinimapCjsJs){_export("NileMinimap",_nileMinimapCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_litDirectivesClassMapJs){},function(_internalNileElementCjsJs){},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){},function(_nileMinimapCssCjsJs){}],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 NileMinimap}from"./nile-minimap.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"lit/directives/class-map.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"./nile-minimap.css.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","lit/decorators.js","lit/directives/class-map.js","../internal/nile-element.cjs.js","./nile-minimap.css.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";var t,i,s,h,e,r,o,n,a,_templateObject,l,c,d;function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r);}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r);}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 _createForOfIteratorHelper(r,e){var t="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(!t){if(Array.isArray(r)||(t=_unsupportedIterableToArray(r))||e&&r&&"number"==typeof r.length){t&&(r=t);var n=0,F=function F(){};return{s:F,n:function(_n2){function n(){return _n2.apply(this,arguments);}n.toString=function(){return _n2.toString();};return n;}(function(){return n>=r.length?{done:!0}:{done:!1,value:r[n++]};}),e:function e(r){throw r;},f:F};}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}var o,a=!0,u=!1;return{s:function s(){t=t.call(r);},n:function n(){var r=t.next();return a=r.done,r;},e:function e(r){u=!0,o=r;},f:function f(){try{a||null==t["return"]||t["return"]();}finally{if(u)throw o;}}};}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}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){i=_lit.html;},function(_litDecoratorsJs){s=_litDecoratorsJs.property;h=_litDecoratorsJs.query;e=_litDecoratorsJs.state;r=_litDecoratorsJs.customElement;},function(_litDirectivesClassMapJs){o=_litDirectivesClassMapJs.classMap;},function(_internalNileElementCjsJs){n=_internalNileElementCjsJs.N;},function(_nileMinimapCssCjsJs){a=_nileMinimapCssCjsJs.s;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){l={horizontal:{len:"clientWidth",size:"scrollWidth",pos:"scrollLeft",border:"clientLeft",rectStart:"left",rectExt:"width",client:"clientX",scrollKey:"left"},vertical:{len:"clientHeight",size:"scrollHeight",pos:"scrollTop",border:"clientTop",rectStart:"top",rectExt:"height",client:"clientY",scrollKey:"top"}},c=function c(t,i,s){return t===i?"Item ".concat(t," of ").concat(s):"Items ".concat(t,"\u2013").concat(i," of ").concat(s);};_export("N",d=/*#__PURE__*/function(_n){function d(){var _this;_classCallCheck(this,d);_this=_callSuper(this,d,arguments),_this["for"]="",_this.orientation="auto",_this.mode="segments",_this.itemSelector=":scope > *",_this.hideWhenFits=!0,_this.smooth=!0,_this.disabled=!1,_this.label="Scroll position",_this.autoHide=!1,_this.hideDelay=1200,_this.formatValueText=c,_this.resolvedDir="horizontal",_this.target=null,_this.axis=l.horizontal,_this.geo=[],_this.observed=new Set(),_this.overflowing=null,_this.segOn=!1,_this.rtl=!1,_this.raf=0,_this.full=!1,_this.pending=null,_this.pendingAt=0,_this.retried=!1,_this.retryRaf=0,_this.contentSize=0,_this.clientSize=0,_this.maxScroll=0,_this.trackLen=0,_this.vpLen=0,_this.ro=null,_this.mo=null,_this.onScroll=function(){_this.schedule(!1),_this.reveal();},_this.hideTimer=0,_this.hovered=!1,_this.focused=!1,_this.onPointerEnter=function(){_this.hovered=!0;},_this.onPointerLeave=function(){_this.hovered=!1,_this.queueHide();},_this.onFocusIn=function(){_this.focused=!0,_this.reveal();},_this.onFocusOut=function(){_this.focused=!1,_this.queueHide();},_this.drag=null,_this.dragRaf=0,_this.lastMove=null,_this.reduceMotion=matchMedia("(prefers-reduced-motion: reduce)");return _this;}_inherits(d,_n);return _createClass(d,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(d,"connectedCallback",this,3)([]),this.addEventListener("pointerenter",this.onPointerEnter),this.addEventListener("pointerleave",this.onPointerLeave),this.addEventListener("focusin",this.onFocusIn),this.addEventListener("focusout",this.onFocusOut),this.hasUpdated&&this.attach();}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.detach(),this.removeEventListener("pointerenter",this.onPointerEnter),this.removeEventListener("pointerleave",this.onPointerLeave),this.removeEventListener("focusin",this.onFocusIn),this.removeEventListener("focusout",this.onFocusOut),clearTimeout(this.hideTimer),this.hideTimer=0,_superPropGet(d,"disconnectedCallback",this,3)([]);}},{key:"firstUpdated",value:function firstUpdated(){this.bindInteractions(),this.attach();}},{key:"updated",value:function updated(t){t.has("autoHide")&&(clearTimeout(this.hideTimer),this.hideTimer=0,this.toggleAttribute("data-idle",this.autoHide&&!this.held)),t.has("for")?this.attach():(t.has("orientation")||t.has("mode")||t.has("itemSelector")||t.has("hideWhenFits")||t.has("disabled")||t.has("label"))&&this.schedule(!0);}},{key:"render",value:function render(){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <div\n part=\"base\"\n class=","\n >\n <div part=\"track\" class=\"track\">\n <div class=\"segments\"></div>\n <div\n part=\"viewport\"\n class=\"viewport\"\n role=\"scrollbar\"\n tabindex=","\n aria-controls=","\n aria-orientation=","\n aria-label=","\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n aria-valuenow=\"0\"\n ></div>\n </div>\n </div>\n "])),o({base:!0,"base--track":!this.segOn,"base--disabled":this.disabled,"base--rtl":this.rtl&&"horizontal"===this.resolvedDir}),this.disabled?-1:0,this["for"],this.resolvedDir,this.label);}},{key:"held",get:function get(){return this.hovered||this.focused||null!==this.drag;}},{key:"reveal",value:function reveal(){this.autoHide&&(this.removeAttribute("data-idle"),this.queueHide());}},{key:"queueHide",value:function queueHide(){var _this2=this;clearTimeout(this.hideTimer),this.hideTimer=0,this.autoHide&&(this.hideTimer=window.setTimeout(function(){_this2.hideTimer=0,_this2.autoHide&&!_this2.held&&_this2.setAttribute("data-idle","");},Math.max(0,this.hideDelay)));}},{key:"resolveTarget",value:function resolveTarget(){if(!this["for"])return null;var t=this.getRootNode();if(t instanceof Document)return t.getElementById(this["for"]);var i=t;return"function"==typeof i.getElementById?i.getElementById(this["for"]):i.querySelector("#".concat(CSS.escape(this["for"])));}},{key:"attach",value:function attach(){var _this3=this;this.detach();var t=this.resolveTarget();this.toggleAttribute("data-unresolved",!t),t?(this.retried=!1,this.target=t,this.ro=new ResizeObserver(function(){return _this3.schedule(!0);}),this.mo=new MutationObserver(function(){return _this3.schedule(!0);}),this.ro.observe(t),this.ro.observe(this),this.mo.observe(t,{childList:!0,subtree:!0}),t.addEventListener("scroll",this.onScroll,{passive:!0}),this.schedule(!0)):!this.retried&&this["for"]?(this.retried=!0,this.retryRaf=requestAnimationFrame(function(){_this3.retryRaf=0,_this3.attach();})):this["for"]&&(this.retried=!1,console.warn("nile-minimap: no element with id \"".concat(this["for"],"\" found in the minimap's root node.")));}},{key:"detach",value:function detach(){var _this$ro,_this$mo;this.raf&&(cancelAnimationFrame(this.raf),this.raf=0),this.retryRaf&&(cancelAnimationFrame(this.retryRaf),this.retryRaf=0),this.dragRaf&&(cancelAnimationFrame(this.dragRaf),this.dragRaf=0),(_this$ro=this.ro)!==null&&_this$ro!==void 0&&_this$ro.disconnect(),(_this$mo=this.mo)!==null&&_this$mo!==void 0&&_this$mo.disconnect(),this.ro=null,this.mo=null,this.observed.clear(),this.target&&this.target.removeEventListener("scroll",this.onScroll),this.target=null,this.drag=null,this.full=!1;}},{key:"schedule",value:function schedule(t){var _this4=this;t&&(this.full=!0),this.raf||(this.raf=requestAnimationFrame(function(){if(_this4.raf=0,_this4.target&&!_this4.target.isConnected)return void _this4.attach();var t=_this4.full;_this4.full=!1,t?_this4.layout():_this4.refresh();}));}},{key:"layout",value:function layout(){var t=this.target;if(!t)return;var i;if("auto"===this.orientation){var _s=t.scrollHeight-t.clientHeight>1;i=!(t.scrollWidth-t.clientWidth>1)&&_s?"vertical":"horizontal";}else i=this.orientation;this.resolvedDir=i,this.axis=l[i],this.rtl="horizontal"===i&&"rtl"===getComputedStyle(t).direction;var s=this.axis,h=t,e=h[s.size],r=e-h[s.len]>1;r!==this.overflowing&&(this.overflowing=r,this.emit("nile-overflow-change",{overflowing:r,orientation:i},!0,!0,!1)),this.hideWhenFits&&!r?this.setAttribute("data-fit",""):this.removeAttribute("data-fit"),"vertical"===i?this.setAttribute("data-vertical",""):this.removeAttribute("data-vertical");var o="segments"===this.mode?Array.from(t.querySelectorAll(this.itemSelector)):[];for(var _i=0,_Array$from=Array.from(this.observed);_i<_Array$from.length;_i++){var _this$ro2;var _t=_Array$from[_i];o.includes(_t)||((_this$ro2=this.ro)!==null&&_this$ro2!==void 0&&_this$ro2.unobserve(_t),this.observed["delete"](_t));}var _iterator=_createForOfIteratorHelper(o),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var _this$ro3;var _t2=_step.value;this.observed.has(_t2)||((_this$ro3=this.ro)!==null&&_this$ro3!==void 0&&_this$ro3.observe(_t2),this.observed.add(_t2));}}catch(err){_iterator.e(err);}finally{_iterator.f();}var n=t.getBoundingClientRect(),a=h[s.pos];this.geo=o.map(function(t){var i=t.getBoundingClientRect();return{start:i[s.rectStart]-n[s.rectStart]-h[s.border]+a,len:i[s.rectExt]};});var c=this.trackEl[s.len],_d=e?c/e:0,u=this.geo.length>48||this.geo.some(function(t){return t.len*_d<3;});this.segOn="segments"===this.mode&&this.geo.length>0&&!u,this.renderSegments(_d),this.refresh();}},{key:"renderSegments",value:function renderSegments(t){var i=this.segsEl;if(i){if(!this.segOn)return i.textContent="",void this.requestUpdate();for(;i.children.length<this.geo.length;){var _t3=document.createElement("div");_t3.className="segment",_t3.setAttribute("part","segment"),i.appendChild(_t3);}for(;i.children.length>this.geo.length;){var _i$lastChild;(_i$lastChild=i.lastChild)===null||_i$lastChild===void 0||_i$lastChild.remove();}this.geo.forEach(function(s,h){var e=i.children[h].style;e.setProperty("--s","".concat((s.start*t).toFixed(2),"px")),e.setProperty("--l","".concat((s.len*t).toFixed(2),"px"));}),this.requestUpdate();}}},{key:"refresh",value:function refresh(){var t=this.target;if(!t)return;var i=this.axis,s=t,h=s[i.size],e=s[i.len],r=Math.max(0,h-e),o=this.trackEl[i.len];var n=h?Math.max(14,o*e/h):o;n=Math.min(n,o);var a=Math.abs(s[i.pos]),l=r?Math.min(1,Math.max(0,a/r)):0,c=l*(o-n);this.contentSize=h,this.clientSize=e,this.maxScroll=r,this.trackLen=o,this.vpLen=n;var _d2=this.viewport;if(_d2){_d2.style.setProperty("--vs","".concat(c.toFixed(2),"px")),_d2.style.setProperty("--vl","".concat(n.toFixed(2),"px")),_d2.setAttribute("aria-orientation",this.resolvedDir),_d2.setAttribute("aria-label",this.label),_d2.setAttribute("aria-controls",this["for"]),_d2.setAttribute("aria-valuenow",String(Math.round(100*l))),this.disabled?_d2.setAttribute("aria-disabled","true"):_d2.removeAttribute("aria-disabled");var _t4="";if(this.segOn){var _i2=[];this.geo.forEach(function(t,s){t.start+t.len>a+1&&t.start<a+e-1&&_i2.push(s+1);}),_i2.length&&(_t4=this.formatValueText(_i2[0],_i2[_i2.length-1],this.geo.length));}_t4?_d2.setAttribute("aria-valuetext",_t4):_d2.removeAttribute("aria-valuetext");}null!==this.pending&&Math.abs(a-this.pending)<2&&(this.pending=null);}},{key:"go",value:function go(t,i,s){var h=this.target;if(!h)return;var e=this.axis,r=h,o=r[e.size]-r[e.len],n=Math.max(0,Math.min(o,t));if(this.emit("nile-navigate",{position:Math.round(n),ratio:o?Number((n/o).toFixed(3)):0,source:i,orientation:this.resolvedDir},!0,!0,!0).defaultPrevented)return;var a=s&&this.smooth&&!this.reduceMotion.matches;this.pending=a?n:null,this.pendingAt=performance.now();var l=this.rtl?-n:n;h.scrollTo(_defineProperty(_defineProperty({},e.scrollKey,l),"behavior",a?"smooth":"auto"));}},{key:"cur",value:function cur(){if(!this.target)return 0;if(null!==this.pending&&performance.now()-this.pendingAt<600)return this.pending;var t=this.target;return Math.abs(t[this.axis.pos]);}},{key:"step",value:function step(t){var i=this.cur();if(this.segOn&&this.geo.length){var _s2=this.geo[0].start,_h=this.geo.map(function(t){return Math.max(0,t.start-_s2);});if(t>0){var _t5=_h.find(function(t){return t>i+2;});return void 0===_t5?1/0:_t5;}var _e=_toConsumableArray(_h).reverse().find(function(t){return t<i-2;});return void 0===_e?0:_e;}return i+t*Math.max(40,.1*this.clientSize);}},{key:"bindInteractions",value:function bindInteractions(){var _this5=this;var t=this.viewport,i=this.trackEl,s=this.base;t.addEventListener("pointerdown",function(i){if(_this5.disabled)return;i.preventDefault(),i.stopPropagation();try{t.setPointerCapture(i.pointerId);}catch(_unused){}var s=_this5.target;_this5.drag={pointer:i[_this5.axis.client],start:_this5.target?Math.abs(s[_this5.axis.pos]):0},_this5.base.classList.add("base--drag"),t.focus({preventScroll:!0});}),t.addEventListener("pointermove",function(t){_this5.drag&&(_this5.lastMove=t,_this5.dragRaf||(_this5.dragRaf=requestAnimationFrame(function(){_this5.dragRaf=0,h();})));});var h=function h(){if(!_this5.drag||!_this5.lastMove)return;var t=_this5.trackLen-_this5.vpLen;if(t<=0)return;var i=_this5.lastMove[_this5.axis.client]-_this5.drag.pointer;_this5.go(_this5.drag.start+i*_this5.maxScroll/t,"drag",!1);},e=function e(){_this5.drag&&(_this5.dragRaf&&(cancelAnimationFrame(_this5.dragRaf),_this5.dragRaf=0,h()),_this5.lastMove=null,_this5.drag=null,_this5.base.classList.remove("base--drag"),_this5.queueHide());};t.addEventListener("pointerup",e),t.addEventListener("pointercancel",e),t.addEventListener("lostpointercapture",e),i.addEventListener("pointerdown",function(s){if(s.target===t||_this5.disabled||!_this5.target)return;var h=i.getBoundingClientRect(),e=s[_this5.axis.client]-h[_this5.axis.rectStart];_this5.go(e/_this5.trackLen*_this5.contentSize-_this5.clientSize/2,"click",!0);}),s.addEventListener("wheel",function(t){if(_this5.disabled||!_this5.overflowing||!_this5.target)return;var i=Math.abs(t.deltaX)>Math.abs(t.deltaY)?t.deltaX:t.deltaY;1===t.deltaMode?i*=16:2===t.deltaMode&&(i*=_this5.clientSize);var s=_this5.target,h=Math.abs(s[_this5.axis.pos]);i<0&&h<=0||i>0&&h>=_this5.maxScroll-1||(t.preventDefault(),_this5.pending=null,_this5.go(h+i,"wheel",!1));},{passive:!1}),t.addEventListener("keydown",function(t){if(_this5.disabled||!_this5.target)return;var i=null;switch(t.key){case"ArrowRight":case"ArrowDown":i=_this5.step(1);break;case"ArrowLeft":case"ArrowUp":i=_this5.step(-1);break;case"PageDown":i=_this5.cur()+_this5.clientSize;break;case"PageUp":i=_this5.cur()-_this5.clientSize;break;case"Home":i=0;break;case"End":i=_this5.maxScroll;break;default:i=null;}null!==i&&(t.preventDefault(),_this5.go(i,"keyboard",!0));});}}]);}(n));d.styles=a,t([s({reflect:!0})],d.prototype,"for",void 0),t([s({reflect:!0})],d.prototype,"orientation",void 0),t([s({reflect:!0})],d.prototype,"mode",void 0),t([s()],d.prototype,"itemSelector",void 0),t([s({type:Boolean,reflect:!0})],d.prototype,"hideWhenFits",void 0),t([s({type:Boolean})],d.prototype,"smooth",void 0),t([s({type:Boolean,reflect:!0})],d.prototype,"disabled",void 0),t([s()],d.prototype,"label",void 0),t([s({type:Boolean,reflect:!0})],d.prototype,"autoHide",void 0),t([s({type:Number})],d.prototype,"hideDelay",void 0),t([s({attribute:!1})],d.prototype,"formatValueText",void 0),t([h(".base")],d.prototype,"base",void 0),t([h(".track")],d.prototype,"trackEl",void 0),t([h(".segments")],d.prototype,"segsEl",void 0),t([h(".viewport")],d.prototype,"viewport",void 0),t([e()],d.prototype,"resolvedDir",void 0),_export("N",d=t([r("nile-minimap")],d));}};});
|
|
2
|
+
//# sourceMappingURL=nile-minimap.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nile-minimap.cjs.js","sources":["../../../src/nile-minimap/nile-minimap.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 { customElement, property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport type { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';\nimport NileElement from '../internal/nile-element';\nimport { styles } from './nile-minimap.css';\n\nexport type NileMinimapOrientation = 'horizontal' | 'vertical' | 'auto';\nexport type NileMinimapMode = 'segments' | 'track';\nexport type NileMinimapAxis = 'horizontal' | 'vertical';\nexport type NileMinimapSource = 'drag' | 'click' | 'wheel' | 'keyboard';\n\n/** Formats the `aria-valuetext` in segments mode. */\nexport type NileMinimapValueTextFormatter = (\n first: number,\n last: number,\n total: number\n) => string;\n\ninterface AxisMap {\n len: 'clientWidth' | 'clientHeight';\n size: 'scrollWidth' | 'scrollHeight';\n pos: 'scrollLeft' | 'scrollTop';\n border: 'clientLeft' | 'clientTop';\n rectStart: 'left' | 'top';\n rectExt: 'width' | 'height';\n client: 'clientX' | 'clientY';\n scrollKey: 'left' | 'top';\n}\n\nconst AXES: Record<NileMinimapAxis, AxisMap> = {\n horizontal: {\n len: 'clientWidth',\n size: 'scrollWidth',\n pos: 'scrollLeft',\n border: 'clientLeft',\n rectStart: 'left',\n rectExt: 'width',\n client: 'clientX',\n scrollKey: 'left',\n },\n vertical: {\n len: 'clientHeight',\n size: 'scrollHeight',\n pos: 'scrollTop',\n border: 'clientTop',\n rectStart: 'top',\n rectExt: 'height',\n client: 'clientY',\n scrollKey: 'top',\n },\n};\n\nconst MIN_THUMB = 14;\nconst MIN_SEG = 3;\nconst MAX_ITEMS = 48;\n\ninterface SegGeo {\n start: number;\n len: number;\n}\n\nconst defaultValueText: NileMinimapValueTextFormatter = (\n first,\n last,\n total\n) => {\n if (first === last) return `Item ${first} of ${total}`;\n return `Items ${first}–${last} of ${total}`;\n};\n\n/**\n * A small overview of any scrolling container. It mirrors the container's\n * scroll position and lets people drag, click, wheel or key to another part of\n * it. One axis at a time: horizontal for boards and wide tables, vertical for\n * long documents and lists. It adds to the native scrollbar; it never replaces\n * it.\n *\n * NxtGen theme only: styles use `--ng-*` tokens with no legacy `--nile-*`\n * fallbacks, so the page must load the NxtGen theme (e.g. `nxtgen.css`).\n *\n * @tag nile-minimap\n * @summary Scroll overview that attaches to a scroll container by id and lets people navigate it.\n *\n * @event nile-navigate - Fired before the minimap scrolls the container. Cancelable: `preventDefault()` skips the scroll. Detail: { position: number, ratio: number, source: 'drag' | 'click' | 'wheel' | 'keyboard', orientation: 'horizontal' | 'vertical' }\n * @event nile-overflow-change - Fired once on first measure, then whenever overflow on the active axis starts or stops. Detail: { overflowing: boolean, orientation: 'horizontal' | 'vertical' }\n *\n * @csspart base - The container surface.\n * @csspart track - The scaled area; drawn as a rail in track mode.\n * @csspart segment - One block per item matched by `itemSelector`.\n * @csspart viewport - The focusable, draggable thumb (`role=\"scrollbar\"`).\n *\n * @cssproperty --nile-minimap-width - Width of the minimap (112px). Swaps with height in vertical mode.\n * @cssproperty --nile-minimap-height - Height of the minimap (40px). Swaps with width in vertical mode.\n */\n@customElement('nile-minimap')\nexport class NileMinimap extends NileElement {\n static styles: CSSResultGroup = styles;\n\n /** Id of the scroll container, resolved in the minimap's root node. The only way to attach. */\n @property({ reflect: true }) for = '';\n\n /** Which axis the minimap represents. `auto` picks the overflowing axis (horizontal first). */\n @property({ reflect: true }) orientation: NileMinimapOrientation = 'auto';\n\n /** `segments` draws one block per item; `track` draws a single rail. */\n @property({ reflect: true }) mode: NileMinimapMode = 'segments';\n\n /** Selector queried on the container to find the segment items. */\n @property() itemSelector = ':scope > *';\n\n /** Hides the host while nothing overflows. */\n @property({ type: Boolean, reflect: true }) hideWhenFits = true;\n\n /** Smooth scroll for click and keyboard. Always off under reduced motion. */\n @property({ type: Boolean }) smooth = true;\n\n /** Still mirrors scrolling, but can't be used. */\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /** Accessible name on the viewport. */\n @property() label = 'Scroll position';\n\n /**\n * Keeps the minimap hidden until the container scrolls, then fades it out\n * after `hideDelay` ms without scrolling. It stays visible while it is\n * hovered, focused or being dragged. Hidden, it keeps its space and ignores\n * the pointer.\n */\n @property({ type: Boolean, reflect: true }) autoHide = false;\n\n /** With `autoHide`, milliseconds without scrolling before the minimap fades out. */\n @property({ type: Number }) hideDelay = 1200;\n\n /** Builds the `aria-valuetext` in segments mode. */\n @property({ attribute: false })\n formatValueText: NileMinimapValueTextFormatter = defaultValueText;\n\n @query('.base') private base!: HTMLDivElement;\n\n @query('.track') private trackEl!: HTMLDivElement;\n\n @query('.segments') private segsEl!: HTMLDivElement;\n\n @query('.viewport') private viewport!: HTMLDivElement;\n\n @state() private resolvedDir: NileMinimapAxis = 'horizontal';\n\n private target: HTMLElement | null = null;\n\n private axis: AxisMap = AXES.horizontal;\n\n private geo: SegGeo[] = [];\n\n private observed = new Set<Element>();\n\n private overflowing: boolean | null = null;\n\n private segOn = false;\n\n private rtl = false;\n\n private raf = 0;\n\n private full = false;\n\n private pending: number | null = null;\n\n private pendingAt = 0;\n\n private retried = false;\n\n private retryRaf = 0;\n\n // Live geometry cache used by the pointer/keyboard handlers.\n private contentSize = 0;\n\n private clientSize = 0;\n\n private maxScroll = 0;\n\n private trackLen = 0;\n\n private vpLen = 0;\n\n private ro: ResizeObserver | null = null;\n\n private mo: MutationObserver | null = null;\n\n private onScroll = () => {\n this.schedule(false);\n this.reveal();\n };\n\n // autoHide state: the minimap stays visible while any of these hold.\n private hideTimer = 0;\n\n private hovered = false;\n\n private focused = false;\n\n private onPointerEnter = () => {\n this.hovered = true;\n };\n\n private onPointerLeave = () => {\n this.hovered = false;\n this.queueHide();\n };\n\n private onFocusIn = () => {\n this.focused = true;\n this.reveal();\n };\n\n private onFocusOut = () => {\n this.focused = false;\n this.queueHide();\n };\n\n // Drag state.\n private drag: { pointer: number; start: number } | null = null;\n\n private dragRaf = 0;\n\n private lastMove: PointerEvent | null = null;\n\n private reduceMotion = matchMedia('(prefers-reduced-motion: reduce)');\n\n connectedCallback(): void {\n super.connectedCallback();\n this.addEventListener('pointerenter', this.onPointerEnter);\n this.addEventListener('pointerleave', this.onPointerLeave);\n this.addEventListener('focusin', this.onFocusIn);\n this.addEventListener('focusout', this.onFocusOut);\n if (this.hasUpdated) {\n this.attach();\n }\n }\n\n disconnectedCallback(): void {\n this.detach();\n this.removeEventListener('pointerenter', this.onPointerEnter);\n this.removeEventListener('pointerleave', this.onPointerLeave);\n this.removeEventListener('focusin', this.onFocusIn);\n this.removeEventListener('focusout', this.onFocusOut);\n clearTimeout(this.hideTimer);\n this.hideTimer = 0;\n super.disconnectedCallback();\n }\n\n firstUpdated(): void {\n this.bindInteractions();\n this.attach();\n }\n\n updated(changed: PropertyValues): void {\n if (changed.has('autoHide')) {\n clearTimeout(this.hideTimer);\n this.hideTimer = 0;\n this.toggleAttribute('data-idle', this.autoHide && !this.held);\n }\n if (changed.has('for')) {\n this.attach();\n return;\n }\n if (\n changed.has('orientation') ||\n changed.has('mode') ||\n changed.has('itemSelector') ||\n changed.has('hideWhenFits') ||\n changed.has('disabled') ||\n changed.has('label')\n ) {\n this.schedule(true);\n }\n }\n\n render(): TemplateResult {\n return html`\n <div\n part=\"base\"\n class=${classMap({\n base: true,\n 'base--track': !this.segOn,\n 'base--disabled': this.disabled,\n 'base--rtl': this.rtl && this.resolvedDir === 'horizontal',\n })}\n >\n <div part=\"track\" class=\"track\">\n <div class=\"segments\"></div>\n <div\n part=\"viewport\"\n class=\"viewport\"\n role=\"scrollbar\"\n tabindex=${this.disabled ? -1 : 0}\n aria-controls=${this.for}\n aria-orientation=${this.resolvedDir}\n aria-label=${this.label}\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n aria-valuenow=\"0\"\n ></div>\n </div>\n </div>\n `;\n }\n\n // --- autoHide -------------------------------------------------------------\n\n private get held(): boolean {\n return this.hovered || this.focused || this.drag !== null;\n }\n\n /** Shows an auto-hidden minimap and restarts the countdown to hiding it. */\n private reveal(): void {\n if (!this.autoHide) return;\n this.removeAttribute('data-idle');\n this.queueHide();\n }\n\n private queueHide(): void {\n clearTimeout(this.hideTimer);\n this.hideTimer = 0;\n if (!this.autoHide) return;\n this.hideTimer = window.setTimeout(() => {\n this.hideTimer = 0;\n if (this.autoHide && !this.held) this.setAttribute('data-idle', '');\n }, Math.max(0, this.hideDelay));\n }\n\n // --- attach / detach ------------------------------------------------------\n\n private resolveTarget(): HTMLElement | null {\n if (!this.for) return null;\n const root = this.getRootNode() as Document | ShadowRoot;\n if (root instanceof Document) {\n return root.getElementById(this.for);\n }\n const shadow = root as ShadowRoot;\n if (typeof shadow.getElementById === 'function') {\n return shadow.getElementById(this.for) as HTMLElement | null;\n }\n return shadow.querySelector<HTMLElement>(`#${CSS.escape(this.for)}`);\n }\n\n private attach(): void {\n this.detach();\n const el = this.resolveTarget();\n this.toggleAttribute('data-unresolved', !el);\n if (!el) {\n if (!this.retried && this.for) {\n this.retried = true;\n this.retryRaf = requestAnimationFrame(() => {\n this.retryRaf = 0;\n this.attach();\n });\n } else if (this.for) {\n this.retried = false;\n // eslint-disable-next-line no-console\n console.warn(\n `nile-minimap: no element with id \"${this.for}\" found in the minimap's root node.`\n );\n }\n return;\n }\n this.retried = false;\n this.target = el;\n\n this.ro = new ResizeObserver(() => this.schedule(true));\n this.mo = new MutationObserver(() => this.schedule(true));\n this.ro.observe(el);\n this.ro.observe(this);\n this.mo.observe(el, { childList: true, subtree: true });\n el.addEventListener('scroll', this.onScroll, { passive: true });\n\n // Defer the first measure out of the Lit update lifecycle: attach() runs\n // synchronously from firstUpdated()/updated(), and layout() sets @state\n // (resolvedDir) and calls requestUpdate(), which otherwise triggers the\n // dev-mode \"scheduled an update after an update completed\" warning.\n this.schedule(true);\n }\n\n private detach(): void {\n if (this.raf) {\n cancelAnimationFrame(this.raf);\n this.raf = 0;\n }\n if (this.retryRaf) {\n cancelAnimationFrame(this.retryRaf);\n this.retryRaf = 0;\n }\n if (this.dragRaf) {\n cancelAnimationFrame(this.dragRaf);\n this.dragRaf = 0;\n }\n this.ro?.disconnect();\n this.mo?.disconnect();\n this.ro = null;\n this.mo = null;\n this.observed.clear();\n if (this.target) {\n this.target.removeEventListener('scroll', this.onScroll);\n }\n this.target = null;\n this.drag = null;\n this.full = false;\n }\n\n // --- scheduling -----------------------------------------------------------\n\n private schedule(full: boolean): void {\n if (full) this.full = true;\n if (this.raf) return;\n this.raf = requestAnimationFrame(() => {\n this.raf = 0;\n // The held element may have been re-rendered (e.g. *ngIf): re-resolve.\n if (this.target && !this.target.isConnected) {\n this.attach();\n return;\n }\n const needsLayout = this.full;\n this.full = false;\n if (needsLayout) this.layout();\n else this.refresh();\n });\n }\n\n // --- measurement ----------------------------------------------------------\n\n private layout(): void {\n const t = this.target;\n if (!t) return;\n\n let dir: NileMinimapAxis;\n if (this.orientation === 'auto') {\n const vOver = t.scrollHeight - t.clientHeight > 1;\n const hOver = t.scrollWidth - t.clientWidth > 1;\n dir = !hOver && vOver ? 'vertical' : 'horizontal';\n } else {\n dir = this.orientation;\n }\n this.resolvedDir = dir;\n this.axis = AXES[dir];\n this.rtl = dir === 'horizontal' && getComputedStyle(t).direction === 'rtl';\n\n const a = this.axis;\n const el = t as unknown as Record<string, number>;\n const size = el[a.size];\n const client = el[a.len];\n const over = size - client > 1;\n\n if (over !== this.overflowing) {\n this.overflowing = over;\n this.emit(\n 'nile-overflow-change',\n { overflowing: over, orientation: dir },\n true,\n true,\n false\n );\n }\n\n // hideWhenFits toggles an internal attribute; never the consumer's [hidden].\n if (this.hideWhenFits && !over) {\n this.setAttribute('data-fit', '');\n } else {\n this.removeAttribute('data-fit');\n }\n if (dir === 'vertical') this.setAttribute('data-vertical', '');\n else this.removeAttribute('data-vertical');\n\n const items =\n this.mode === 'segments'\n ? Array.from(t.querySelectorAll<HTMLElement>(this.itemSelector))\n : [];\n\n // Keep the per-item ResizeObserver set in sync without triggering loops.\n for (const old of Array.from(this.observed)) {\n if (!items.includes(old as HTMLElement)) {\n this.ro?.unobserve(old);\n this.observed.delete(old);\n }\n }\n for (const it of items) {\n if (!this.observed.has(it)) {\n this.ro?.observe(it);\n this.observed.add(it);\n }\n }\n\n const tr = t.getBoundingClientRect() as unknown as Record<string, number>;\n const scrollPos = el[a.pos];\n this.geo = items.map(it => {\n const r = it.getBoundingClientRect() as unknown as Record<string, number>;\n return {\n start: r[a.rectStart] - tr[a.rectStart] - el[a.border] + scrollPos,\n len: r[a.rectExt],\n };\n });\n\n const trackLen = (this.trackEl as unknown as Record<string, number>)[a.len];\n const scale = size ? trackLen / size : 0;\n const dense =\n this.geo.length > MAX_ITEMS ||\n this.geo.some(g => g.len * scale < MIN_SEG);\n this.segOn = this.mode === 'segments' && this.geo.length > 0 && !dense;\n\n this.renderSegments(scale);\n this.refresh();\n }\n\n private renderSegments(scale: number): void {\n const segs = this.segsEl;\n if (!segs) return;\n if (!this.segOn) {\n segs.textContent = '';\n this.requestUpdate();\n return;\n }\n while (segs.children.length < this.geo.length) {\n const d = document.createElement('div');\n d.className = 'segment';\n d.setAttribute('part', 'segment');\n segs.appendChild(d);\n }\n while (segs.children.length > this.geo.length) {\n segs.lastChild?.remove();\n }\n this.geo.forEach((g, i) => {\n const s = (segs.children[i] as HTMLElement).style;\n s.setProperty('--s', `${(g.start * scale).toFixed(2)}px`);\n s.setProperty('--l', `${(g.len * scale).toFixed(2)}px`);\n });\n this.requestUpdate();\n }\n\n private refresh(): void {\n const t = this.target;\n if (!t) return;\n const a = this.axis;\n const el = t as unknown as Record<string, number>;\n const size = el[a.size];\n const client = el[a.len];\n const maxScroll = Math.max(0, size - client);\n const trackLen = (this.trackEl as unknown as Record<string, number>)[a.len];\n\n let vpLen = size\n ? Math.max(MIN_THUMB, (trackLen * client) / size)\n : trackLen;\n vpLen = Math.min(vpLen, trackLen);\n const pos = Math.abs(el[a.pos]);\n const ratio = maxScroll ? Math.min(1, Math.max(0, pos / maxScroll)) : 0;\n const vpStart = ratio * (trackLen - vpLen);\n\n this.contentSize = size;\n this.clientSize = client;\n this.maxScroll = maxScroll;\n this.trackLen = trackLen;\n this.vpLen = vpLen;\n\n const vp = this.viewport;\n if (vp) {\n vp.style.setProperty('--vs', `${vpStart.toFixed(2)}px`);\n vp.style.setProperty('--vl', `${vpLen.toFixed(2)}px`);\n vp.setAttribute('aria-orientation', this.resolvedDir);\n vp.setAttribute('aria-label', this.label);\n vp.setAttribute('aria-controls', this.for);\n vp.setAttribute('aria-valuenow', String(Math.round(ratio * 100)));\n if (this.disabled) vp.setAttribute('aria-disabled', 'true');\n else vp.removeAttribute('aria-disabled');\n\n let valueText = '';\n if (this.segOn) {\n const visible: number[] = [];\n this.geo.forEach((g, i) => {\n if (g.start + g.len > pos + 1 && g.start < pos + client - 1) {\n visible.push(i + 1);\n }\n });\n if (visible.length) {\n valueText = this.formatValueText(\n visible[0],\n visible[visible.length - 1],\n this.geo.length\n );\n }\n }\n if (valueText) vp.setAttribute('aria-valuetext', valueText);\n else vp.removeAttribute('aria-valuetext');\n }\n\n if (this.pending !== null && Math.abs(pos - this.pending) < 2) {\n this.pending = null;\n }\n }\n\n // --- navigation -----------------------------------------------------------\n\n private go(rawPos: number, source: NileMinimapSource, smooth: boolean): void {\n const t = this.target;\n if (!t) return;\n const a = this.axis;\n const el = t as unknown as Record<string, number>;\n const max = el[a.size] - el[a.len];\n const pos = Math.max(0, Math.min(max, rawPos));\n\n const ev = this.emit(\n 'nile-navigate',\n {\n position: Math.round(pos),\n ratio: max ? Number((pos / max).toFixed(3)) : 0,\n source,\n orientation: this.resolvedDir,\n },\n true,\n true,\n true\n );\n if (ev.defaultPrevented) return;\n\n const sm = smooth && this.smooth && !this.reduceMotion.matches;\n this.pending = sm ? pos : null;\n this.pendingAt = performance.now();\n const signed = this.rtl ? -pos : pos;\n t.scrollTo({ [a.scrollKey]: signed, behavior: sm ? 'smooth' : 'auto' });\n }\n\n private cur(): number {\n if (!this.target) return 0;\n if (this.pending !== null && performance.now() - this.pendingAt < 600) {\n return this.pending;\n }\n const el = this.target as unknown as Record<string, number>;\n return Math.abs(el[this.axis.pos]);\n }\n\n private step(dir: number): number {\n const cur = this.cur();\n if (this.segOn && this.geo.length) {\n const inset = this.geo[0].start;\n const stops = this.geo.map(g => Math.max(0, g.start - inset));\n if (dir > 0) {\n const next = stops.find(s => s > cur + 2);\n return next === undefined ? Infinity : next;\n }\n const prev = [...stops].reverse().find(s => s < cur - 2);\n return prev === undefined ? 0 : prev;\n }\n return cur + dir * Math.max(40, this.clientSize * 0.1);\n }\n\n // --- interactions ---------------------------------------------------------\n\n private bindInteractions(): void {\n const vp = this.viewport;\n const track = this.trackEl;\n const { base } = this;\n\n vp.addEventListener('pointerdown', e => {\n if (this.disabled) return;\n e.preventDefault();\n e.stopPropagation();\n try {\n vp.setPointerCapture(e.pointerId);\n } catch {\n // Synthetic or already-released pointers can't be captured; drag still works.\n }\n const el = this.target as unknown as Record<string, number>;\n this.drag = {\n pointer: e[this.axis.client],\n start: this.target ? Math.abs(el[this.axis.pos]) : 0,\n };\n this.base.classList.add('base--drag');\n vp.focus({ preventScroll: true });\n });\n\n vp.addEventListener('pointermove', e => {\n if (!this.drag) return;\n this.lastMove = e;\n if (this.dragRaf) return;\n this.dragRaf = requestAnimationFrame(() => {\n this.dragRaf = 0;\n applyDrag();\n });\n });\n\n const applyDrag = () => {\n if (!this.drag || !this.lastMove) return;\n const room = this.trackLen - this.vpLen;\n if (room <= 0) return;\n const delta = this.lastMove[this.axis.client] - this.drag.pointer;\n this.go(\n this.drag.start + (delta * this.maxScroll) / room,\n 'drag',\n false\n );\n };\n\n const end = () => {\n if (!this.drag) return;\n // Flush a move still waiting for its frame so the release position isn't lost.\n if (this.dragRaf) {\n cancelAnimationFrame(this.dragRaf);\n this.dragRaf = 0;\n applyDrag();\n }\n this.lastMove = null;\n this.drag = null;\n this.base.classList.remove('base--drag');\n this.queueHide();\n };\n vp.addEventListener('pointerup', end);\n vp.addEventListener('pointercancel', end);\n vp.addEventListener('lostpointercapture', end);\n\n track.addEventListener('pointerdown', e => {\n if (e.target === vp || this.disabled || !this.target) return;\n const r = track.getBoundingClientRect() as unknown as Record<\n string,\n number\n >;\n const p = e[this.axis.client] - r[this.axis.rectStart];\n this.go(\n (p / this.trackLen) * this.contentSize - this.clientSize / 2,\n 'click',\n true\n );\n });\n\n base.addEventListener(\n 'wheel',\n e => {\n if (this.disabled || !this.overflowing || !this.target) return;\n let d = Math.abs(e.deltaX) > Math.abs(e.deltaY) ? e.deltaX : e.deltaY;\n if (e.deltaMode === 1) d *= 16;\n else if (e.deltaMode === 2) d *= this.clientSize;\n const el = this.target as unknown as Record<string, number>;\n const cur = Math.abs(el[this.axis.pos]);\n if ((d < 0 && cur <= 0) || (d > 0 && cur >= this.maxScroll - 1)) return;\n e.preventDefault();\n this.pending = null;\n this.go(cur + d, 'wheel', false);\n },\n { passive: false }\n );\n\n vp.addEventListener('keydown', e => {\n if (this.disabled || !this.target) return;\n let n: number | null = null;\n switch (e.key) {\n case 'ArrowRight':\n case 'ArrowDown':\n n = this.step(1);\n break;\n case 'ArrowLeft':\n case 'ArrowUp':\n n = this.step(-1);\n break;\n case 'PageDown':\n n = this.cur() + this.clientSize;\n break;\n case 'PageUp':\n n = this.cur() - this.clientSize;\n break;\n case 'Home':\n n = 0;\n break;\n case 'End':\n n = this.maxScroll;\n break;\n default:\n n = null;\n }\n if (n !== null) {\n e.preventDefault();\n this.go(n, 'keyboard', true);\n }\n });\n }\n}\n\nexport default NileMinimap;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-minimap': NileMinimap;\n }\n}\n"],"names":["AXES","horizontal","len","size","pos","border","rectStart","rectExt","client","scrollKey","vertical","defaultValueText","first","last","total","_export","NileMinimap","d","this","for","orientation","mode","itemSelector","hideWhenFits","smooth","disabled","label","autoHide","hideDelay","formatValueText","resolvedDir","target","axis","geo","observed","Set","overflowing","segOn","rtl","raf","full","pending","pendingAt","retried","retryRaf","contentSize","clientSize","maxScroll","trackLen","vpLen","ro","mo","onScroll","schedule","reveal","hideTimer","hovered","focused","onPointerEnter","onPointerLeave","queueHide","onFocusIn","onFocusOut","drag","dragRaf","lastMove","reduceMotion","matchMedia","_this","_inherits","_n","_createClass","key","value","connectedCallback","super","addEventListener","hasUpdated","attach","disconnectedCallback","detach","removeEventListener","clearTimeout","_superPropGet","firstUpdated","bindInteractions","updated","changed","has","toggleAttribute","held","render","html","_templateObject","_taggedTemplateLiteral","classMap","base","get","removeAttribute","window","setTimeout","setAttribute","Math","max","resolveTarget","root","getRootNode","Document","getElementById","shadow","querySelector","CSS","escape","el","ResizeObserver","MutationObserver","observe","childList","subtree","passive","requestAnimationFrame","console","warn","cancelAnimationFrame","disconnect","clear","isConnected","needsLayout","layout","refresh","t","dir","vOver","scrollHeight","clientHeight","scrollWidth","clientWidth","getComputedStyle","direction","a","over","emit","items","Array","from","querySelectorAll","_i","_Array$from","old","includes","unobserve","_iterator","_createForOfIteratorHelper","s","_step","n","done","it","add","err","e","f","tr","getBoundingClientRect","scrollPos","map","r","start","trackEl","scale","dense","length","some","g","renderSegments","segs","segsEl","textContent","requestUpdate","children","document","createElement","className","appendChild","lastChild","remove","forEach","i","style","setProperty","concat","toFixed","min","abs","ratio","vpStart","vp","viewport","String","round","valueText","visible","push","go","rawPos","source","position","Number","defaultPrevented","sm","matches","performance","now","signed","scrollTo","_defineProperty","cur","step","inset","stops","next","find","undefined","Infinity","prev","_toConsumableArray","reverse","track","preventDefault","stopPropagation","setPointerCapture","pointerId","_unused","pointer","classList","focus","preventScroll","applyDrag","room","delta","end","p","deltaX","deltaY","deltaMode","NileElement","styles","__decorate","property","reflect","prototype","type","Boolean","attribute","query","state","customElement"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,e;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",e=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n display: inline-block;\n box-sizing: border-box;\n width: var(--nile-minimap-width, 112px);\n height: var(--nile-minimap-height, 40px);\n vertical-align: middle;\n }\n\n /* Vertical mode swaps the two size tokens. */\n :host([data-vertical]) {\n width: var(--nile-minimap-height, 40px);\n height: var(--nile-minimap-width, 112px);\n }\n\n /* hideWhenFits: internal state, never touches the consumer's own [hidden]. */\n :host([data-fit]) {\n display: none;\n }\n\n /* No container resolved from `for`: render nothing. */\n :host([data-unresolved]) {\n display: none;\n }\n\n .base {\n position: relative;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n padding: var(--ng-spacing-1-5);\n background: var(--ng-colors-bg-primary);\n border: var(--ng-border-width-1) solid var(--ng-colors-border-secondary);\n border-radius: var(--ng-radius-lg);\n box-shadow: var(--ng-shadow-md);\n touch-action: none;\n user-select: none;\n -webkit-user-select: none;\n transition: opacity 0.15s ease;\n }\n\n /* autoHide: idle between scrolls. Keeps its space; ignores the pointer. */\n :host([data-idle]) .base {\n opacity: 0;\n pointer-events: none;\n }\n\n .track {\n position: relative;\n width: 100%;\n height: 100%;\n cursor: pointer;\n border-radius: var(--ng-radius-xs);\n }\n\n .segment {\n position: absolute;\n background: var(--ng-colors-bg-quaternary);\n border-radius: var(--ng-radius-xs);\n }\n\n :host(:not([data-vertical])) .segment {\n left: var(--s);\n width: var(--l);\n top: 0;\n bottom: 0;\n }\n\n :host([data-vertical]) .segment {\n top: var(--s);\n height: var(--l);\n left: 0;\n right: 0;\n }\n\n /* Track mode: hide segments, draw the rail. */\n .base--track .segments {\n display: none;\n }\n\n .base--track .track {\n background: var(--ng-colors-bg-quaternary);\n }\n\n /* RTL: mirror the horizontal track so segments and the viewport flip. */\n .base--rtl .track {\n transform: scaleX(-1);\n }\n\n .viewport {\n position: absolute;\n box-sizing: border-box;\n border: 2px solid var(--ng-colors-border-brand);\n border-radius: var(--ng-radius-sm);\n cursor: grab;\n transition: background-color 0.12s;\n background: transparent;\n }\n\n :host(:not([data-vertical])) .viewport {\n left: calc(var(--vs, 0px) - 3px);\n width: calc(var(--vl, 0px) + 6px);\n top: -3px;\n bottom: -3px;\n }\n\n :host([data-vertical]) .viewport {\n top: calc(var(--vs, 0px) - 3px);\n height: calc(var(--vl, 0px) + 6px);\n left: -3px;\n right: -3px;\n }\n\n .viewport:hover {\n background: color-mix(\n in srgb,\n var(--ng-colors-bg-brand-solid) 8%,\n transparent\n );\n }\n\n .base--drag .viewport {\n background: color-mix(\n in srgb,\n var(--ng-colors-bg-brand-solid) 14%,\n transparent\n );\n cursor: grabbing;\n }\n\n .viewport:focus {\n outline: none;\n }\n\n .viewport:focus-visible {\n box-shadow: var(--ng-focus-ring);\n }\n\n .base--disabled {\n opacity: 0.5;\n pointer-events: none;\n }\n\n @media (prefers-reduced-motion: reduce) {\n .base,\n .viewport {\n transition: none;\n }\n }\n"],["\n :host {\n display: inline-block;\n box-sizing: border-box;\n width: var(--nile-minimap-width, 112px);\n height: var(--nile-minimap-height, 40px);\n vertical-align: middle;\n }\n\n /* Vertical mode swaps the two size tokens. */\n :host([data-vertical]) {\n width: var(--nile-minimap-height, 40px);\n height: var(--nile-minimap-width, 112px);\n }\n\n /* hideWhenFits: internal state, never touches the consumer's own [hidden]. */\n :host([data-fit]) {\n display: none;\n }\n\n /* No container resolved from \\`for\\`: render nothing. */\n :host([data-unresolved]) {\n display: none;\n }\n\n .base {\n position: relative;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n padding: var(--ng-spacing-1-5);\n background: var(--ng-colors-bg-primary);\n border: var(--ng-border-width-1) solid var(--ng-colors-border-secondary);\n border-radius: var(--ng-radius-lg);\n box-shadow: var(--ng-shadow-md);\n touch-action: none;\n user-select: none;\n -webkit-user-select: none;\n transition: opacity 0.15s ease;\n }\n\n /* autoHide: idle between scrolls. Keeps its space; ignores the pointer. */\n :host([data-idle]) .base {\n opacity: 0;\n pointer-events: none;\n }\n\n .track {\n position: relative;\n width: 100%;\n height: 100%;\n cursor: pointer;\n border-radius: var(--ng-radius-xs);\n }\n\n .segment {\n position: absolute;\n background: var(--ng-colors-bg-quaternary);\n border-radius: var(--ng-radius-xs);\n }\n\n :host(:not([data-vertical])) .segment {\n left: var(--s);\n width: var(--l);\n top: 0;\n bottom: 0;\n }\n\n :host([data-vertical]) .segment {\n top: var(--s);\n height: var(--l);\n left: 0;\n right: 0;\n }\n\n /* Track mode: hide segments, draw the rail. */\n .base--track .segments {\n display: none;\n }\n\n .base--track .track {\n background: var(--ng-colors-bg-quaternary);\n }\n\n /* RTL: mirror the horizontal track so segments and the viewport flip. */\n .base--rtl .track {\n transform: scaleX(-1);\n }\n\n .viewport {\n position: absolute;\n box-sizing: border-box;\n border: 2px solid var(--ng-colors-border-brand);\n border-radius: var(--ng-radius-sm);\n cursor: grab;\n transition: background-color 0.12s;\n background: transparent;\n }\n\n :host(:not([data-vertical])) .viewport {\n left: calc(var(--vs, 0px) - 3px);\n width: calc(var(--vl, 0px) + 6px);\n top: -3px;\n bottom: -3px;\n }\n\n :host([data-vertical]) .viewport {\n top: calc(var(--vs, 0px) - 3px);\n height: calc(var(--vl, 0px) + 6px);\n left: -3px;\n right: -3px;\n }\n\n .viewport:hover {\n background: color-mix(\n in srgb,\n var(--ng-colors-bg-brand-solid) 8%,\n transparent\n );\n }\n\n .base--drag .viewport {\n background: color-mix(\n in srgb,\n var(--ng-colors-bg-brand-solid) 14%,\n transparent\n );\n cursor: grabbing;\n }\n\n .viewport:focus {\n outline: none;\n }\n\n .viewport:focus-visible {\n box-shadow: var(--ng-focus-ring);\n }\n\n .base--disabled {\n opacity: 0.5;\n pointer-events: none;\n }\n\n @media (prefers-reduced-motion: reduce) {\n .base,\n .viewport {\n transition: none;\n }\n }\n"]))));}};});
|
|
2
|
+
//# sourceMappingURL=nile-minimap.css.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nile-minimap.css.cjs.js","sources":["../../../src/nile-minimap/nile-minimap.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 * nile-minimap CSS\n */\nexport const styles = css`\n :host {\n display: inline-block;\n box-sizing: border-box;\n width: var(--nile-minimap-width, 112px);\n height: var(--nile-minimap-height, 40px);\n vertical-align: middle;\n }\n\n /* Vertical mode swaps the two size tokens. */\n :host([data-vertical]) {\n width: var(--nile-minimap-height, 40px);\n height: var(--nile-minimap-width, 112px);\n }\n\n /* hideWhenFits: internal state, never touches the consumer's own [hidden]. */\n :host([data-fit]) {\n display: none;\n }\n\n /* No container resolved from \\`for\\`: render nothing. */\n :host([data-unresolved]) {\n display: none;\n }\n\n .base {\n position: relative;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n padding: var(--ng-spacing-1-5);\n background: var(--ng-colors-bg-primary);\n border: var(--ng-border-width-1) solid var(--ng-colors-border-secondary);\n border-radius: var(--ng-radius-lg);\n box-shadow: var(--ng-shadow-md);\n touch-action: none;\n user-select: none;\n -webkit-user-select: none;\n transition: opacity 0.15s ease;\n }\n\n /* autoHide: idle between scrolls. Keeps its space; ignores the pointer. */\n :host([data-idle]) .base {\n opacity: 0;\n pointer-events: none;\n }\n\n .track {\n position: relative;\n width: 100%;\n height: 100%;\n cursor: pointer;\n border-radius: var(--ng-radius-xs);\n }\n\n .segment {\n position: absolute;\n background: var(--ng-colors-bg-quaternary);\n border-radius: var(--ng-radius-xs);\n }\n\n :host(:not([data-vertical])) .segment {\n left: var(--s);\n width: var(--l);\n top: 0;\n bottom: 0;\n }\n\n :host([data-vertical]) .segment {\n top: var(--s);\n height: var(--l);\n left: 0;\n right: 0;\n }\n\n /* Track mode: hide segments, draw the rail. */\n .base--track .segments {\n display: none;\n }\n\n .base--track .track {\n background: var(--ng-colors-bg-quaternary);\n }\n\n /* RTL: mirror the horizontal track so segments and the viewport flip. */\n .base--rtl .track {\n transform: scaleX(-1);\n }\n\n .viewport {\n position: absolute;\n box-sizing: border-box;\n border: 2px solid var(--ng-colors-border-brand);\n border-radius: var(--ng-radius-sm);\n cursor: grab;\n transition: background-color 0.12s;\n background: transparent;\n }\n\n :host(:not([data-vertical])) .viewport {\n left: calc(var(--vs, 0px) - 3px);\n width: calc(var(--vl, 0px) + 6px);\n top: -3px;\n bottom: -3px;\n }\n\n :host([data-vertical]) .viewport {\n top: calc(var(--vs, 0px) - 3px);\n height: calc(var(--vl, 0px) + 6px);\n left: -3px;\n right: -3px;\n }\n\n .viewport:hover {\n background: color-mix(\n in srgb,\n var(--ng-colors-bg-brand-solid) 8%,\n transparent\n );\n }\n\n .base--drag .viewport {\n background: color-mix(\n in srgb,\n var(--ng-colors-bg-brand-solid) 14%,\n transparent\n );\n cursor: grabbing;\n }\n\n .viewport:focus {\n outline: none;\n }\n\n .viewport:focus-visible {\n box-shadow: var(--ng-focus-ring);\n }\n\n .base--disabled {\n opacity: 0.5;\n pointer-events: none;\n }\n\n @media (prefers-reduced-motion: reduce) {\n .base,\n .viewport {\n transition: none;\n }\n }\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,150 @@
|
|
|
1
|
+
import{css as r}from"lit";const e=r`
|
|
2
|
+
:host {
|
|
3
|
+
display: inline-block;
|
|
4
|
+
box-sizing: border-box;
|
|
5
|
+
width: var(--nile-minimap-width, 112px);
|
|
6
|
+
height: var(--nile-minimap-height, 40px);
|
|
7
|
+
vertical-align: middle;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
/* Vertical mode swaps the two size tokens. */
|
|
11
|
+
:host([data-vertical]) {
|
|
12
|
+
width: var(--nile-minimap-height, 40px);
|
|
13
|
+
height: var(--nile-minimap-width, 112px);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
/* hideWhenFits: internal state, never touches the consumer's own [hidden]. */
|
|
17
|
+
:host([data-fit]) {
|
|
18
|
+
display: none;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
/* No container resolved from \`for\`: render nothing. */
|
|
22
|
+
:host([data-unresolved]) {
|
|
23
|
+
display: none;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.base {
|
|
27
|
+
position: relative;
|
|
28
|
+
box-sizing: border-box;
|
|
29
|
+
width: 100%;
|
|
30
|
+
height: 100%;
|
|
31
|
+
padding: var(--ng-spacing-1-5);
|
|
32
|
+
background: var(--ng-colors-bg-primary);
|
|
33
|
+
border: var(--ng-border-width-1) solid var(--ng-colors-border-secondary);
|
|
34
|
+
border-radius: var(--ng-radius-lg);
|
|
35
|
+
box-shadow: var(--ng-shadow-md);
|
|
36
|
+
touch-action: none;
|
|
37
|
+
user-select: none;
|
|
38
|
+
-webkit-user-select: none;
|
|
39
|
+
transition: opacity 0.15s ease;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
/* autoHide: idle between scrolls. Keeps its space; ignores the pointer. */
|
|
43
|
+
:host([data-idle]) .base {
|
|
44
|
+
opacity: 0;
|
|
45
|
+
pointer-events: none;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.track {
|
|
49
|
+
position: relative;
|
|
50
|
+
width: 100%;
|
|
51
|
+
height: 100%;
|
|
52
|
+
cursor: pointer;
|
|
53
|
+
border-radius: var(--ng-radius-xs);
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.segment {
|
|
57
|
+
position: absolute;
|
|
58
|
+
background: var(--ng-colors-bg-quaternary);
|
|
59
|
+
border-radius: var(--ng-radius-xs);
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
:host(:not([data-vertical])) .segment {
|
|
63
|
+
left: var(--s);
|
|
64
|
+
width: var(--l);
|
|
65
|
+
top: 0;
|
|
66
|
+
bottom: 0;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
:host([data-vertical]) .segment {
|
|
70
|
+
top: var(--s);
|
|
71
|
+
height: var(--l);
|
|
72
|
+
left: 0;
|
|
73
|
+
right: 0;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
/* Track mode: hide segments, draw the rail. */
|
|
77
|
+
.base--track .segments {
|
|
78
|
+
display: none;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.base--track .track {
|
|
82
|
+
background: var(--ng-colors-bg-quaternary);
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
/* RTL: mirror the horizontal track so segments and the viewport flip. */
|
|
86
|
+
.base--rtl .track {
|
|
87
|
+
transform: scaleX(-1);
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.viewport {
|
|
91
|
+
position: absolute;
|
|
92
|
+
box-sizing: border-box;
|
|
93
|
+
border: 2px solid var(--ng-colors-border-brand);
|
|
94
|
+
border-radius: var(--ng-radius-sm);
|
|
95
|
+
cursor: grab;
|
|
96
|
+
transition: background-color 0.12s;
|
|
97
|
+
background: transparent;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
:host(:not([data-vertical])) .viewport {
|
|
101
|
+
left: calc(var(--vs, 0px) - 3px);
|
|
102
|
+
width: calc(var(--vl, 0px) + 6px);
|
|
103
|
+
top: -3px;
|
|
104
|
+
bottom: -3px;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
:host([data-vertical]) .viewport {
|
|
108
|
+
top: calc(var(--vs, 0px) - 3px);
|
|
109
|
+
height: calc(var(--vl, 0px) + 6px);
|
|
110
|
+
left: -3px;
|
|
111
|
+
right: -3px;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.viewport:hover {
|
|
115
|
+
background: color-mix(
|
|
116
|
+
in srgb,
|
|
117
|
+
var(--ng-colors-bg-brand-solid) 8%,
|
|
118
|
+
transparent
|
|
119
|
+
);
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.base--drag .viewport {
|
|
123
|
+
background: color-mix(
|
|
124
|
+
in srgb,
|
|
125
|
+
var(--ng-colors-bg-brand-solid) 14%,
|
|
126
|
+
transparent
|
|
127
|
+
);
|
|
128
|
+
cursor: grabbing;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
.viewport:focus {
|
|
132
|
+
outline: none;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.viewport:focus-visible {
|
|
136
|
+
box-shadow: var(--ng-focus-ring);
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.base--disabled {
|
|
140
|
+
opacity: 0.5;
|
|
141
|
+
pointer-events: none;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
@media (prefers-reduced-motion: reduce) {
|
|
145
|
+
.base,
|
|
146
|
+
.viewport {
|
|
147
|
+
transition: none;
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
`;export{e as s};
|