@aquera/nile-elements 0.1.32-beta-1.1 → 0.1.32-beta-1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -21
- package/demo/index.html +9 -5
- package/dist/axe.min-2b379f29.cjs.js +12 -0
- package/dist/axe.min-2b379f29.cjs.js.map +1 -0
- package/dist/axe.min-c2cd8733.esm.js +12 -0
- package/dist/{fixture-3acb409b.cjs.js → fixture-161dee0b.cjs.js} +2 -2
- package/dist/{fixture-3acb409b.cjs.js.map → fixture-161dee0b.cjs.js.map} +1 -1
- package/dist/{fixture-db35a8ae.esm.js → fixture-372df3b0.esm.js} +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/internal/animate.cjs.js +1 -1
- package/dist/internal/animate.cjs.js.map +1 -1
- package/dist/internal/animate.esm.js +1 -1
- package/dist/nile-accordion/nile-accordian.test.cjs.js +1 -1
- package/dist/nile-accordion/nile-accordian.test.esm.js +1 -1
- package/dist/nile-accordion/nile-accordion.cjs.js +1 -1
- package/dist/nile-accordion/nile-accordion.cjs.js.map +1 -1
- package/dist/nile-accordion/nile-accordion.css.cjs.js +1 -1
- package/dist/nile-accordion/nile-accordion.css.cjs.js.map +1 -1
- package/dist/nile-accordion/nile-accordion.css.esm.js +1 -1
- package/dist/nile-accordion/nile-accordion.esm.js +4 -4
- package/dist/nile-auto-complete/nile-auto-complete.test.cjs.js +1 -1
- package/dist/nile-auto-complete/nile-auto-complete.test.esm.js +1 -1
- package/dist/nile-avatar/nile-avatar.test.cjs.js +1 -1
- package/dist/nile-avatar/nile-avatar.test.esm.js +1 -1
- package/dist/nile-badge/nile-badge.test.cjs.js +1 -1
- package/dist/nile-badge/nile-badge.test.esm.js +1 -1
- package/dist/nile-button/nile-button.test.cjs.js +1 -1
- package/dist/nile-button/nile-button.test.esm.js +1 -1
- package/dist/nile-button-toggle-group/nile-button-toggle-group.test.cjs.js +1 -1
- package/dist/nile-button-toggle-group/nile-button-toggle-group.test.esm.js +1 -1
- package/dist/nile-calendar/nile-calendar.test.cjs.js +1 -1
- package/dist/nile-calendar/nile-calendar.test.esm.js +1 -1
- package/dist/nile-card/nile-card.test.cjs.js +1 -1
- package/dist/nile-card/nile-card.test.esm.js +1 -1
- package/dist/nile-checkbox/nile-checkbox.test.cjs.js +1 -1
- package/dist/nile-checkbox/nile-checkbox.test.esm.js +1 -1
- package/dist/nile-chip/nile-chip.test.cjs.js +1 -1
- package/dist/nile-chip/nile-chip.test.esm.js +1 -1
- package/dist/nile-circular-progressbar/nile-circular-progressbar.css.cjs.js +1 -1
- package/dist/nile-circular-progressbar/nile-circular-progressbar.css.cjs.js.map +1 -1
- package/dist/nile-circular-progressbar/nile-circular-progressbar.css.esm.js +49 -49
- package/dist/nile-code-editor/extensionSetup.cjs.js +7 -7
- package/dist/nile-code-editor/extensionSetup.cjs.js.map +1 -1
- package/dist/nile-code-editor/extensionSetup.esm.js +1 -1
- package/dist/nile-code-editor/nile-code-editor.cjs.js +2 -2
- package/dist/nile-code-editor/nile-code-editor.cjs.js.map +1 -1
- package/dist/nile-code-editor/nile-code-editor.esm.js +2 -2
- package/dist/nile-dialog/nile-dialog.test.cjs.js +1 -1
- package/dist/nile-dialog/nile-dialog.test.esm.js +1 -1
- package/dist/nile-drawer/nile-drawer.test.cjs.js +1 -1
- package/dist/nile-drawer/nile-drawer.test.esm.js +1 -1
- package/dist/nile-dropdown/nile-dropdown.test.cjs.js +1 -1
- package/dist/nile-dropdown/nile-dropdown.test.esm.js +1 -1
- package/dist/nile-empty-state/nile-empty-state.test.cjs.js +1 -1
- package/dist/nile-empty-state/nile-empty-state.test.esm.js +1 -1
- package/dist/nile-error-message/nile-error-message.test.cjs.js +1 -1
- package/dist/nile-error-message/nile-error-message.test.esm.js +1 -1
- package/dist/nile-form-group/nile-form-group.test.cjs.js +1 -1
- package/dist/nile-form-group/nile-form-group.test.esm.js +1 -1
- package/dist/nile-form-help-text/nile-form-help-text.test.cjs.js +1 -1
- package/dist/nile-form-help-text/nile-form-help-text.test.esm.js +1 -1
- package/dist/nile-hero/nile-hero.test.cjs.js +1 -1
- package/dist/nile-hero/nile-hero.test.esm.js +1 -1
- package/dist/nile-icon/nile-icon.test.cjs.js +1 -1
- package/dist/nile-icon/nile-icon.test.esm.js +1 -1
- package/dist/nile-input/nile-input.css.cjs.js +1 -1
- package/dist/nile-input/nile-input.css.cjs.js.map +1 -1
- package/dist/nile-input/nile-input.css.esm.js +8 -0
- package/dist/nile-input/nile-input.test.cjs.js +1 -1
- package/dist/nile-input/nile-input.test.esm.js +1 -1
- package/dist/nile-link/nile-link.test.cjs.js +1 -1
- package/dist/nile-link/nile-link.test.esm.js +1 -1
- package/dist/nile-loader/nile-loader.test.cjs.js +1 -1
- package/dist/nile-loader/nile-loader.test.esm.js +1 -1
- package/dist/nile-popover/nile-popover.test.cjs.js +1 -1
- package/dist/nile-popover/nile-popover.test.esm.js +1 -1
- package/dist/nile-popup/nile-popup.test.cjs.js +1 -1
- package/dist/nile-popup/nile-popup.test.esm.js +1 -1
- package/dist/nile-progress-bar/nile-progress-bar.test.cjs.js +1 -1
- package/dist/nile-progress-bar/nile-progress-bar.test.esm.js +1 -1
- package/dist/nile-radio/nile-radio.test.cjs.js +1 -1
- package/dist/nile-radio/nile-radio.test.esm.js +1 -1
- package/dist/nile-radio-group/nile-radio-group.test.cjs.js +1 -1
- package/dist/nile-radio-group/nile-radio-group.test.esm.js +1 -1
- package/dist/nile-select/nile-select.test.cjs.js +1 -1
- package/dist/nile-select/nile-select.test.esm.js +1 -1
- package/dist/nile-slide-toggle/nile-slide-toggle.test.cjs.js +1 -1
- package/dist/nile-slide-toggle/nile-slide-toggle.test.esm.js +1 -1
- package/dist/nile-tab-group/nile-tab-group.test.cjs.js +1 -1
- package/dist/nile-tab-group/nile-tab-group.test.esm.js +1 -1
- package/dist/nile-table-body/nile-table-body.cjs.js +1 -1
- package/dist/nile-table-body/nile-table-body.cjs.js.map +1 -1
- package/dist/nile-table-body/nile-table-body.esm.js +2 -2
- package/dist/nile-table-cell-item/nile-table-cell-item.css.cjs.js +1 -1
- package/dist/nile-table-cell-item/nile-table-cell-item.css.cjs.js.map +1 -1
- package/dist/nile-table-cell-item/nile-table-cell-item.css.esm.js +2 -4
- package/dist/nile-table-header-item/nile-table-header-item.css.cjs.js +1 -1
- package/dist/nile-table-header-item/nile-table-header-item.css.cjs.js.map +1 -1
- package/dist/nile-table-header-item/nile-table-header-item.css.esm.js +0 -2
- package/dist/nile-table-row/nile-table-row.cjs.js.map +1 -1
- package/dist/nile-textarea/nile-textarea.test.cjs.js +1 -1
- package/dist/nile-textarea/nile-textarea.test.esm.js +1 -1
- package/dist/nile-tooltip/index.cjs.js +1 -1
- package/dist/nile-tooltip/index.esm.js +1 -1
- package/dist/nile-tooltip/nile-tooltip.cjs.js +1 -1
- package/dist/nile-tooltip/nile-tooltip.cjs.js.map +1 -1
- package/dist/nile-tooltip/nile-tooltip.css.cjs.js +1 -1
- package/dist/nile-tooltip/nile-tooltip.css.cjs.js.map +1 -1
- package/dist/nile-tooltip/nile-tooltip.css.esm.js +56 -115
- package/dist/nile-tooltip/nile-tooltip.esm.js +30 -13
- package/dist/src/index.d.ts +0 -1
- package/dist/src/index.js +0 -1
- package/dist/src/index.js.map +1 -1
- package/dist/src/nile-accordion/nile-accordion.css.js +1 -1
- package/dist/src/nile-accordion/nile-accordion.css.js.map +1 -1
- package/dist/src/nile-accordion/nile-accordion.d.ts +5 -6
- package/dist/src/nile-accordion/nile-accordion.js +8 -21
- package/dist/src/nile-accordion/nile-accordion.js.map +1 -1
- package/dist/src/nile-circular-progressbar/nile-circular-progressbar.css.js +49 -49
- package/dist/src/nile-circular-progressbar/nile-circular-progressbar.css.js.map +1 -1
- package/dist/src/nile-input/nile-input.css.js +8 -0
- package/dist/src/nile-input/nile-input.css.js.map +1 -1
- package/dist/src/nile-table-body/nile-table-body.d.ts +1 -3
- package/dist/src/nile-table-body/nile-table-body.js +1 -9
- package/dist/src/nile-table-body/nile-table-body.js.map +1 -1
- package/dist/src/nile-table-cell-item/nile-table-cell-item.css.js +2 -4
- package/dist/src/nile-table-cell-item/nile-table-cell-item.css.js.map +1 -1
- package/dist/src/nile-table-header-item/nile-table-header-item.css.js +0 -2
- package/dist/src/nile-table-header-item/nile-table-header-item.css.js.map +1 -1
- package/dist/src/nile-table-row/nile-table-row.js.map +1 -1
- package/dist/src/nile-tooltip/nile-tooltip.css.js +54 -113
- package/dist/src/nile-tooltip/nile-tooltip.css.js.map +1 -1
- package/dist/src/nile-tooltip/nile-tooltip.d.ts +62 -22
- package/dist/src/nile-tooltip/nile-tooltip.js +244 -180
- package/dist/src/nile-tooltip/nile-tooltip.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +3 -3
- package/src/index.ts +1 -2
- package/src/nile-accordion/nile-accordion.css.ts +1 -1
- package/src/nile-accordion/nile-accordion.ts +4 -15
- package/src/nile-circular-progressbar/nile-circular-progressbar.css.ts +56 -55
- package/src/nile-input/nile-input.css.ts +8 -0
- package/src/nile-table-body/nile-table-body.ts +2 -8
- package/src/nile-table-cell-item/nile-table-cell-item.css.ts +2 -4
- package/src/nile-table-header-item/nile-table-header-item.css.ts +0 -2
- package/src/nile-table-row/nile-table-row.ts +2 -1
- package/src/nile-tooltip/nile-tooltip.css.ts +54 -113
- package/src/nile-tooltip/nile-tooltip.ts +269 -207
- package/vscode-html-custom-data.json +18 -36
- package/dist/axe.min-5bf06036.esm.js +0 -12
- package/dist/axe.min-ff35bfba.cjs.js +0 -12
- package/dist/axe.min-ff35bfba.cjs.js.map +0 -1
- package/dist/nile-table/index.cjs.js +0 -2
- package/dist/nile-table/index.cjs.js.map +0 -1
- package/dist/nile-table/index.esm.js +0 -1
- package/dist/nile-table/nile-table.cjs.js +0 -2
- package/dist/nile-table/nile-table.cjs.js.map +0 -1
- package/dist/nile-table/nile-table.css.cjs.js +0 -2
- package/dist/nile-table/nile-table.css.cjs.js.map +0 -1
- package/dist/nile-table/nile-table.css.esm.js +0 -6
- package/dist/nile-table/nile-table.esm.js +0 -3
- package/dist/src/nile-table/index.d.ts +0 -1
- package/dist/src/nile-table/index.js +0 -2
- package/dist/src/nile-table/index.js.map +0 -1
- package/dist/src/nile-table/nile-table.css.d.ts +0 -12
- package/dist/src/nile-table/nile-table.css.js +0 -18
- package/dist/src/nile-table/nile-table.css.js.map +0 -1
- package/dist/src/nile-table/nile-table.d.ts +0 -47
- package/dist/src/nile-table/nile-table.js +0 -137
- package/dist/src/nile-table/nile-table.js.map +0 -1
- package/src/nile-table/index.ts +0 -1
- package/src/nile-table/nile-table.css.ts +0 -20
- package/src/nile-table/nile-table.ts +0 -154
@@ -1,2 +0,0 @@
|
|
1
|
-
System.register(["./nile-table.cjs.js","tslib","lit","lit/decorators.js","./nile-table.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileTableCjsJs){_export("NileTable",_nileTableCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_nileTableCssCjsJs){},function(_internalNileElementCjsJs){}],execute:function execute(){}};});
|
2
|
-
//# sourceMappingURL=index.cjs.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
@@ -1 +0,0 @@
|
|
1
|
-
export{N as NileTable}from"./nile-table.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"./nile-table.css.esm.js";import"../internal/nile-element.esm.js";
|
@@ -1,2 +0,0 @@
|
|
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-table.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var t,s,e,i,r,l,_templateObject,a;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 n(){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 _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 _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){s=_lit.html;},function(_litDecoratorsJs){e=_litDecoratorsJs.query;i=_litDecoratorsJs.customElement;},function(_nileTableCssCjsJs){r=_nileTableCssCjsJs.s;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",a=/*#__PURE__*/function(_l){function a(){var _this;_classCallCheck(this,a);_this=_callSuper(this,a,arguments),_this.rows=[],_this.primaryRowWidths=[];return _this;}_inherits(a,_l);return _createClass(a,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(a,"connectedCallback",this,3)([]),this.addEventListener("nile-body-load",this.handleRows);}},{key:"firstUpdated",value:function firstUpdated(t){var _this2=this;this.updateComplete.then(function(){_this2.handleResizeObserver();});}},{key:"render",value:function render(){return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t\t<slot @slotchange=\"","\"></slot>\n\t\t\t"])),this.repaintTable);}},{key:"repaintTable",value:function repaintTable(){this.realignStructure(),this.handleBodyCssUpdate();}},{key:"handleRows",value:function handleRows(t){this.rows=[].concat(_toConsumableArray(this.rows),[t.detail.comp]);}},{key:"handleBodyCssUpdate",value:function handleBodyCssUpdate(){var _t$0$shadowRoot,_t$shadowRoot;if(this.rows.length<2)return;var t=this.rows,s=(_t$0$shadowRoot=t[0].shadowRoot)===null||_t$0$shadowRoot===void 0?void 0:_t$0$shadowRoot.querySelector("div.base");s&&(s.style.borderTopRightRadius="var(--nile-radius-radius-xl)",s.style.borderTopLeftRadius="var(--nile-radius-radius-xl)",s.style.borderBottomRightRadius="0px",s.style.borderBottomLeftRadius="0px",s.style.borderBottom="none"),t.forEach(function(s,e){if(e>0&&e<t.length-1){var _s$shadowRoot;var _t=(_s$shadowRoot=s.shadowRoot)===null||_s$shadowRoot===void 0?void 0:_s$shadowRoot.querySelector("div.base");_t&&(_t.style.borderTopRightRadius="0px",_t.style.borderTopLeftRadius="0px",_t.style.borderBottomRightRadius="0px",_t.style.borderBottomLeftRadius="0px",_t.style.borderBottom="none");}});var e=(_t$shadowRoot=t[t.length-1].shadowRoot)===null||_t$shadowRoot===void 0?void 0:_t$shadowRoot.querySelector("div.base");e&&(e.style.borderTopRightRadius="0px",e.style.borderTopLeftRadius="0px",e.style.borderBottomRightRadius="var(--nile-radius-radius-xl)",e.style.borderBottomLeftRadius="var(--nile-radius-radius-xl)");}},{key:"getPrimaryColumnWidths",value:function getPrimaryColumnWidths(){var t=this.rows.find(function(t){return"primary"==t.type;});return this.getTableCellFetchQuery(t).map(function(t){return t.clientWidth;});}},{key:"realignStructure",value:function realignStructure(){var _this3=this;if(this.rows.length<2)return;var t=this.getPrimaryColumnWidths();this.rows.filter(function(t){return"primary"!=t.type;}).forEach(function(s){var e=_this3.getTableCellFetchQuery(s);e===null||e===void 0||e.forEach(function(s,e){s.style.setProperty("--cell-width",t.at(e)+"px");});});}},{key:"getTableCellFetchQuery",value:function getTableCellFetchQuery(t){var _t$shadowRoot2;return t===null||t===void 0||(_t$shadowRoot2=t.shadowRoot)===null||_t$shadowRoot2===void 0||(_t$shadowRoot2=_t$shadowRoot2.querySelector("slot:not([name])"))===null||_t$shadowRoot2===void 0||(_t$shadowRoot2=_t$shadowRoot2.assignedElements()[0].shadowRoot)===null||_t$shadowRoot2===void 0||(_t$shadowRoot2=_t$shadowRoot2.querySelector("slot"))===null||_t$shadowRoot2===void 0?void 0:_t$shadowRoot2.assignedElements();}},{key:"handleResizeObserver",value:function handleResizeObserver(){var _this4=this;this.resizeObserver=new ResizeObserver(function(t){var _iterator=_createForOfIteratorHelper(t),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var _s=_step.value;_this4.realignStructure();}}catch(err){_iterator.e(err);}finally{_iterator.f();}}),this.resizeObserver.observe(this);}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.resizeObserver.disconnect(),_superPropGet(a,"disconnectedCallback",this,3)([]);}}],[{key:"styles",get:function get(){return[r];}}]);}(l));t([e("slot")],a.prototype,"defaultSlot",void 0),_export("N",a=t([i("nile-table")],a));}};});
|
2
|
-
//# sourceMappingURL=nile-table.cjs.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"nile-table.cjs.js","sources":["../../../src/nile-table/nile-table.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 {LitElement, html, CSSResultArray, TemplateResult, PropertyValues} from 'lit';\nimport { customElement, property, query, state} from 'lit/decorators.js';\nimport {styles} from './nile-table.css';\nimport NileElement from '../internal/nile-element';\nimport { NileTableBody } from '../nile-table-body';\nimport { NileTableCellItem } from '../nile-table-cell-item';\nimport { NileTableHeaderItem } from '../nile-table-header-item';\n\n\n/**\n * Nile table component.\n *\n * @tag nile-table\n *\n */\n@customElement('nile-table')\nexport class NileTable extends NileElement {\n @query('slot') defaultSlot: HTMLSlotElement;\n\tprivate rows:Array<NileTableBody>=[];\n\tprivate primaryRowWidths:Array<number>=[]\n\tprivate resizeObserver:ResizeObserver ;\n\n\n\t/**\n\t * The styles for nile-table\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tthis.addEventListener('nile-body-load',this.handleRows)\n\t}\n\n\tprotected firstUpdated(_changedProperties: PropertyValues): void {\n\t\tthis.updateComplete.then(()=>{\n\t\t\tthis.handleResizeObserver();\n\t\t})\n\t}\n\n\n\t/* #endregion */\n\n\t/* #region Methods */\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\t\treturn html`\n\t\t\t<slot @slotchange=\"${this.repaintTable}\"></slot>\n\t\t\t`;\n\t}\n\n\trepaintTable(){\n\t\tthis.realignStructure();\n\t\tthis.handleBodyCssUpdate();\n\t}\n\n\thandleRows(e:CustomEvent){\n\t\tthis.rows=[...this.rows,e.detail.comp]\n\t}\n\n\thandleBodyCssUpdate(){\n if (this.rows.length<2) return;\n const tableBodies = this.rows;\n\t\tconst firstEl=tableBodies[0].shadowRoot?.querySelector<HTMLDivElement>('div.base')\n\t\tif(firstEl) {\n\t\t\tfirstEl.style.borderTopRightRadius=\"var(--nile-radius-radius-xl)\";\n\t\t\tfirstEl.style.borderTopLeftRadius = 'var(--nile-radius-radius-xl)';\n\t\t\tfirstEl.style.borderBottomRightRadius=\"0px\";\n\t\t\tfirstEl.style.borderBottomLeftRadius = '0px';\n\t\t\tfirstEl.style.borderBottom = 'none';\n\t\t}\n\t\ttableBodies.forEach((tb,i)=>{\n\t\t\tif(i>0 && i<tableBodies.length-1){\n\t\t\t\tconst el=tb.shadowRoot?.querySelector<HTMLDivElement>('div.base')\n\t\t\t\tif(el) {\n\t\t\t\t\tel.style.borderTopRightRadius=\"0px\";\n\t\t\t\t\tel.style.borderTopLeftRadius = \"0px\";\n\t\t\t\t\tel.style.borderBottomRightRadius=\"0px\";\n\t\t\t\t\tel.style.borderBottomLeftRadius = \"0px\";\n\t\t\t\t\tel.style.borderBottom = 'none';\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\t\tconst lastEl=tableBodies[tableBodies.length - 1].shadowRoot?.querySelector<HTMLDivElement>('div.base')\n\t\tif(lastEl){\n\t\t\tlastEl.style.borderTopRightRadius=\"0px\";\n\t\t\tlastEl.style.borderTopLeftRadius = '0px';\n\t\t\tlastEl.style.borderBottomRightRadius=\"var(--nile-radius-radius-xl)\";\n\t\t\tlastEl.style.borderBottomLeftRadius = 'var(--nile-radius-radius-xl)';\n\t\t}\n\t}\n\n\tgetPrimaryColumnWidths(){\n\t\tconst primaryTb=this.rows.find(tb=>tb.type=='primary')!;\n\t\tconst widthArray=this.getTableCellFetchQuery(primaryTb).map((e:LitElement)=>e.clientWidth) as Array<number>\n\t\treturn widthArray;\n\t}\n\t\n\trealignStructure(){\n if (this.rows.length<2) return;\n\t\tconst primaryRowWidths=this.getPrimaryColumnWidths();\n\t\tconst secondaryRows=this.rows.filter(tb=>tb.type!='primary');\n\t\tsecondaryRows.forEach((row)=>{\n\t\t\tlet elements=this.getTableCellFetchQuery(row)\n\t\t\telements?.forEach((el:NileTableCellItem|NileTableHeaderItem,ind)=>{\n\t\t\t\tel.style.setProperty('--cell-width',primaryRowWidths.at(ind)+'px')\n\t\t\t})\n\t\t})\n\t}\n\n\tgetTableCellFetchQuery(row:NileTableBody):Array<Element>{\n\t\treturn row?.shadowRoot?.\n\t\t\tquerySelector<HTMLSlotElement>('slot:not([name])')?.\n\t\t\tassignedElements()[0]\n\t\t\t.shadowRoot?.querySelector<HTMLSlotElement>('slot')?.\n\t\t\tassignedElements()!\n\t}\n\n\thandleResizeObserver(){\n\t\tconst onResize = (entries:ResizeObserverEntry[]): void=> {\n\t\t\tfor (let entry of entries) {\n\t\t\t\tthis.realignStructure();\n\t\t\t}\n\t\t};\n\t\tthis.resizeObserver=new ResizeObserver(onResize)\n\t\tthis.resizeObserver.observe(this);\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tthis.resizeObserver.disconnect()\n\t\tsuper.disconnectedCallback()\n\t}\n\t/* #endregion */\n}\n\nexport default NileTable;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-table': NileTable;\n }\n}"],"names":["NileTable","a","this","rows","primaryRowWidths","_this","_inherits","_l","_createClass","key","value","connectedCallback","super","addEventListener","handleRows","firstUpdated","_changedProperties","updateComplete","then","handleResizeObserver","render","html","_templateObject","_taggedTemplateLiteral","repaintTable","realignStructure","handleBodyCssUpdate","e","concat","_toConsumableArray","detail","comp","_t$0$shadowRoot","_t$shadowRoot","length","tableBodies","firstEl","shadowRoot","querySelector","style","borderTopRightRadius","borderTopLeftRadius","borderBottomRightRadius","borderBottomLeftRadius","borderBottom","forEach","tb","i","_s$shadowRoot","el","lastEl","getPrimaryColumnWidths","primaryTb","find","type","getTableCellFetchQuery","map","clientWidth","filter","row","elements","ind","setProperty","at","_t$shadowRoot2","assignedElements","resizeObserver","ResizeObserver","entries","_iterator","s","_step","n","done","entry","err","f","observe","disconnectedCallback","disconnect","__decorate","get","styles","NileElement","query","prototype","customElement"],"mappings":"+yKAuBaA,CAAAA,uBAAAA,EAAAA,EAAN,SAAAC,EAAA,qEAEEC,EAAAA,KAAAA,CAAIC,IAAsB,CAAA,EAAA,CAC1BD,KAAAA,CAAgBE,gBAAAA,CAAe,EAuHvC,QAAAC,KAAA,EA/GOC,SAAA,CAAAL,CAAA,CAAAM,EAAA,SAAAC,YAAA,CAAAP,CAAA,GAAAQ,GAAA,qBAAAC,KAAA,CAGP,SAAAC,iBAAAA,CAAAA,CACCC,CAAAA,aAAAA,CAAAA,CAAAA,iCACAV,IAAAA,CAAKW,gBAAiB,CAAA,gBAAA,CAAiBX,IAAKY,CAAAA,UAAAA,CAC5C,EAES,GAAAL,GAAA,gBAAAC,KAAA,UAAAK,YAAAA,CAAaC,CACtBd,CAAAA,KAAAA,MAAAA,MAAAA,IAAAA,CAAKe,cAAeC,CAAAA,IAAAA,CAAK,UACxBhB,CAAAA,MAAAA,CAAKiB,oBAAsB,CAAA,CAAA,EAAA,CAE5B,EAWM,GAAAV,GAAA,UAAAC,KAAA,UAAAU,MAAAA,CAAAA,CACN,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,yDACWrB,IAAKsB,CAAAA,YAAAA,EAE3B,CAED,GAAAf,GAAA,gBAAAC,KAAA,UAAAc,YAAAA,CAAAA,CACCtB,CAAAA,IAAAA,CAAKuB,gBACLvB,CAAAA,CAAAA,CAAAA,IAAAA,CAAKwB,mBACL,CAAA,CAAA,EAED,GAAAjB,GAAA,cAAAC,KAAA,UAAAI,UAAAA,CAAWa,CACVzB,CAAAA,CAAAA,IAAAA,CAAKC,IAAK,IAAAyB,MAAA,CAAAC,kBAAA,CAAI3B,KAAKC,IAAKwB,GAAAA,CAAAA,CAAEG,MAAOC,CAAAA,IAAAA,EACjC,EAED,GAAAtB,GAAA,uBAAAC,KAAA,UAAAgB,mBAAAA,CAAAA,CACG,KAAAM,eAAA,CAAAC,aAAA,CAAA,GAAI/B,IAAKC,CAAAA,IAAAA,CAAK+B,MAAO,CAAA,CAAA,CAAG,OACxB,GAAMC,CAAAA,EAAcjC,IAAKC,CAAAA,IAAAA,CACrBiC,CAAQD,EAAAA,eAAAA,CAAAA,CAAAA,CAAY,CAAGE,CAAAA,CAAAA,UAAAA,UAAAA,eAAAA,iBAAfF,eAAAA,CAA2BG,aAA8B,CAAA,UAAA,CAAA,CACpEF,CACFA,GAAAA,CAAAA,CAAQG,KAAMC,CAAAA,oBAAAA,CAAqB,8BACnCJ,CAAAA,CAAAA,CAAQG,KAAME,CAAAA,mBAAAA,CAAsB,8BACpCL,CAAAA,CAAAA,CAAQG,KAAMG,CAAAA,uBAAAA,CAAwB,KACtCN,CAAAA,CAAAA,CAAQG,KAAMI,CAAAA,sBAAAA,CAAyB,KACvCP,CAAAA,CAAAA,CAAQG,KAAMK,CAAAA,YAAAA,CAAe,MAE9BT,CAAAA,CAAAA,CAAAA,CAAYU,QAAQ,SAACC,CAAAA,CAAGC,CACvB,CAAA,CAAA,GAAGA,CAAE,CAAA,CAAA,EAAKA,CAAEZ,CAAAA,CAAAA,CAAYD,MAAO,CAAA,CAAA,CAAE,KAAAc,aAAA,CAChC,GAAMC,CAAAA,EAAGH,EAAAA,aAAAA,CAAAA,CAAAA,CAAGT,UAAYC,UAAAA,aAAAA,iBAAfQ,aAAAA,CAAeR,aAAAA,CAA8B,UACnDW,CAAAA,CAAAA,EAAAA,GACFA,EAAGV,CAAAA,KAAAA,CAAMC,oBAAqB,CAAA,KAAA,CAC9BS,EAAGV,CAAAA,KAAAA,CAAME,mBAAsB,CAAA,KAAA,CAC/BQ,EAAGV,CAAAA,KAAAA,CAAMG,uBAAwB,CAAA,KAAA,CACjCO,GAAGV,KAAMI,CAAAA,sBAAAA,CAAyB,KAClCM,CAAAA,EAAAA,CAAGV,KAAMK,CAAAA,YAAAA,CAAe,MAEzB,CAAA,EAAA,CAAA,CAAA,CAEF,GAAMM,CAAAA,CAAAA,EAAAA,aAAAA,CAAOf,CAAYA,CAAAA,CAAAA,CAAYD,MAAS,CAAA,CAAA,CAAA,CAAGG,UAAYC,UAAAA,aAAAA,iBAAhDH,aAAAA,CAAgDG,aAAAA,CAA8B,UACxFY,CAAAA,CAAAA,CAAAA,GACFA,CAAOX,CAAAA,KAAAA,CAAMC,oBAAqB,CAAA,KAAA,CAClCU,CAAOX,CAAAA,KAAAA,CAAME,mBAAsB,CAAA,KAAA,CACnCS,CAAOX,CAAAA,KAAAA,CAAMG,uBAAwB,CAAA,8BAAA,CACrCQ,EAAOX,KAAMI,CAAAA,sBAAAA,CAAyB,8BAEvC,CAAA,EAED,GAAAlC,GAAA,0BAAAC,KAAA,UAAAyC,sBAAAA,CAAAA,CAAAA,CACC,GAAMC,CAAAA,CAAAA,CAAUlD,IAAKC,CAAAA,IAAAA,CAAKkD,IAAKP,CAAAA,SAAAA,CAAAA,QAAa,SAATA,EAAAA,CAAAA,CAAGQ,IAEtC,EAAA,CAAA,CAAA,MADiBpD,KAAKqD,CAAAA,sBAAAA,CAAuBH,CAAWI,CAAAA,CAAAA,GAAAA,CAAK7B,SAAAA,CAAeA,QAAAA,CAAAA,CAAAA,CAAE8B,WAE9E,EAAA,CAAA,EAED,GAAAhD,GAAA,oBAAAC,KAAA,UAAAe,gBAAAA,CAAAA,CAAAA,KAAAA,MAAAA,MACG,GAAIvB,IAAAA,CAAKC,IAAK+B,CAAAA,MAAAA,CAAO,EAAG,OAC1B,GAAM9B,CAAAA,CAAiBF,CAAAA,IAAAA,CAAKiD,sBACRjD,CAAAA,CAAAA,CAAAA,IAAAA,CAAKC,IAAKuD,CAAAA,MAAAA,CAAOZ,SAAAA,CAAa,QAAA,SAAA,EAATA,CAAGQ,CAAAA,IAAAA,EAAAA,CAAAA,CAC9BT,OAASc,CAAAA,SAAAA,CAAAA,CAAAA,CACtB,GAAIC,CAAAA,CAAAA,CAAS1D,MAAKqD,CAAAA,sBAAAA,CAAuBI,CACzCC,CAAAA,CAAAA,CAAAA,SAAAA,CAAAA,WAAAA,CAAAA,CAAUf,OAAQ,CAAA,SAACI,CAAyCY,CAAAA,CAAAA,CAAAA,CAC3DZ,CAAGV,CAAAA,KAAAA,CAAMuB,WAAY,CAAA,cAAA,CAAe1D,CAAiB2D,CAAAA,EAAAA,CAAGF,GAAK,IAAK,CAAA,EAAA,CACjE,EAEH,CAAA,EAED,GAAApD,GAAA,0BAAAC,KAAA,UAAA6C,sBAAAA,CAAuBI,CACtB,CAAA,KAAAK,cAAA,CAAA,MAAOL,CAAAA,CAAKtB,SAALsB,CAAKtB,YAAAA,cAAAA,CAALsB,CAAKtB,CAAAA,UAAAA,UAAAA,cAAAA,YAAAA,cAAAA,CAALsB,cAAAA,CACNrB,aAA+B,CAAA,kBAAA,CAAA,UAAA0B,cAAA,YAAAA,cAAA,CADzBL,cAAAA,CAENM,gBAAmB,CAAA,CAAA,CAAA,CAAA,CAAA,CAClB5B,UAAYC,UAAAA,cAAAA,YAAAA,cAAAA,CAHPqB,cAAAA,CAGOrB,aAAAA,CAA+B,MAC5C2B,CAAAA,UAAAA,cAAAA,iBAJMN,cAAAA,CAINM,gBAAAA,CAAAA,CACD,EAED,GAAAxD,GAAA,wBAAAC,KAAA,UAAAS,oBAAAA,CAAAA,CAMCjB,KAAAA,MAAAA,MAAAA,IAAAA,CAAKgE,cAAe,CAAA,GAAIC,CAAAA,cALNC,CAAAA,SAAAA,CAAAA,CAAAA,KAAAA,SAAAA,CAAAA,0BAAAA,CACCA,CAAAA,EAAAA,KAAAA,KAAlB,IAAAC,SAAA,CAAAC,CAAA,KAAAC,KAAA,CAAAF,SAAA,CAAAG,CAAA,IAAAC,IAAA,EACCvE,IADQwE,CAAAA,EAASN,CAAAA,KAAAA,CAAAA,KAAAA,CACjBlE,OAAKuB,gBACL,CAAA,CAAA,CAAA,CAAA,OAAAkD,GAAA,EAAAN,SAAA,CAAA1C,CAAA,CAAAgD,GAAA,WAAAN,SAAA,CAAAO,CAAA,KAAA,CAAA,CAGF1E,IAAKgE,CAAAA,cAAAA,CAAeW,OAAQ3E,CAAAA,IAAAA,CAC5B,EAED,GAAAO,GAAA,wBAAAC,KAAA,UAAAoE,oBAAAA,CAAAA,CACC5E,CAAAA,IAAAA,CAAKgE,cAAea,CAAAA,UAAAA,CAAAA,CAAAA,CAAAA,aAAAA,CAAAA,CAAAA,mCAEpB,EAvHeC,KAAAA,GAAAA,UAAAA,GAAAA,CAUT,SAAAC,IAAA,CAAWC,CACjB,MAAO,CAACA,CAAAA,CACR,EACD,MAd8BC,CAAxB,GACUH,CAAAA,CAAA,CAAdI,CAAAA,CAAM,MAAqCpF,CAAAA,CAAAA,CAAAA,CAAAA,CAAAqF,SAAA,CAAA,aAAA,CAAA,IAAA,EADjCrF,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAASgF,CAAA,CAAA,CADrBM,CAAc,CAAA,YAAA,CAAA,CAAA,CACFtF"}
|
@@ -1,2 +0,0 @@
|
|
1
|
-
System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,t;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",t=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t:host {\n\t\tdisplay:block;\n\t\twidth:100%;\n\t}\n"]))));}};});
|
2
|
-
//# sourceMappingURL=nile-table.css.cjs.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"nile-table.css.cjs.js","sources":["../../../src/nile-table/nile-table.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 * Table CSS\n */\nexport const styles = css`\n\t:host {\n\t\tdisplay:block;\n\t\twidth:100%;\n\t}\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
@@ -1,3 +0,0 @@
|
|
1
|
-
import{__decorate as t}from"tslib";import{html as s}from"lit";import{query as e,customElement as i}from"lit/decorators.js";import{s as r}from"./nile-table.css.esm.js";import{N as l}from"../internal/nile-element.esm.js";let a=class extends l{constructor(){super(...arguments),this.rows=[],this.primaryRowWidths=[]}static get styles(){return[r]}connectedCallback(){super.connectedCallback(),this.addEventListener("nile-body-load",this.handleRows)}firstUpdated(t){this.updateComplete.then((()=>{this.handleResizeObserver()}))}render(){return s`
|
2
|
-
<slot @slotchange="${this.repaintTable}"></slot>
|
3
|
-
`}repaintTable(){this.realignStructure(),this.handleBodyCssUpdate()}handleRows(t){this.rows=[...this.rows,t.detail.comp]}handleBodyCssUpdate(){if(this.rows.length<2)return;const t=this.rows,s=t[0].shadowRoot?.querySelector("div.base");s&&(s.style.borderTopRightRadius="var(--nile-radius-radius-xl)",s.style.borderTopLeftRadius="var(--nile-radius-radius-xl)",s.style.borderBottomRightRadius="0px",s.style.borderBottomLeftRadius="0px",s.style.borderBottom="none"),t.forEach(((s,e)=>{if(e>0&&e<t.length-1){const t=s.shadowRoot?.querySelector("div.base");t&&(t.style.borderTopRightRadius="0px",t.style.borderTopLeftRadius="0px",t.style.borderBottomRightRadius="0px",t.style.borderBottomLeftRadius="0px",t.style.borderBottom="none")}}));const e=t[t.length-1].shadowRoot?.querySelector("div.base");e&&(e.style.borderTopRightRadius="0px",e.style.borderTopLeftRadius="0px",e.style.borderBottomRightRadius="var(--nile-radius-radius-xl)",e.style.borderBottomLeftRadius="var(--nile-radius-radius-xl)")}getPrimaryColumnWidths(){const t=this.rows.find((t=>"primary"==t.type));return this.getTableCellFetchQuery(t).map((t=>t.clientWidth))}realignStructure(){if(this.rows.length<2)return;const t=this.getPrimaryColumnWidths();this.rows.filter((t=>"primary"!=t.type)).forEach((s=>{let e=this.getTableCellFetchQuery(s);e?.forEach(((s,e)=>{s.style.setProperty("--cell-width",t.at(e)+"px")}))}))}getTableCellFetchQuery(t){return t?.shadowRoot?.querySelector("slot:not([name])")?.assignedElements()[0].shadowRoot?.querySelector("slot")?.assignedElements()}handleResizeObserver(){this.resizeObserver=new ResizeObserver((t=>{for(let s of t)this.realignStructure()})),this.resizeObserver.observe(this)}disconnectedCallback(){this.resizeObserver.disconnect(),super.disconnectedCallback()}};t([e("slot")],a.prototype,"defaultSlot",void 0),a=t([i("nile-table")],a);export{a as N};
|
@@ -1 +0,0 @@
|
|
1
|
-
export { NileTable } from './nile-table';
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export { NileTable } from './nile-table';"]}
|
@@ -1,12 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Copyright Aquera Inc 2023
|
3
|
-
*
|
4
|
-
* This source code is licensed under the BSD-3-Clause license found in the
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
6
|
-
*/
|
7
|
-
/**
|
8
|
-
* Table CSS
|
9
|
-
*/
|
10
|
-
export declare const styles: import("lit").CSSResult;
|
11
|
-
declare const _default: import("lit").CSSResult[];
|
12
|
-
export default _default;
|
@@ -1,18 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Copyright Aquera Inc 2023
|
3
|
-
*
|
4
|
-
* This source code is licensed under the BSD-3-Clause license found in the
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
6
|
-
*/
|
7
|
-
import { css } from 'lit';
|
8
|
-
/**
|
9
|
-
* Table CSS
|
10
|
-
*/
|
11
|
-
export const styles = css `
|
12
|
-
:host {
|
13
|
-
display:block;
|
14
|
-
width:100%;
|
15
|
-
}
|
16
|
-
`;
|
17
|
-
export default [styles];
|
18
|
-
//# sourceMappingURL=nile-table.css.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"nile-table.css.js","sourceRoot":"","sources":["../../../src/nile-table/nile-table.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;CAKxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * Table CSS\n */\nexport const styles = css`\n\t:host {\n\t\tdisplay:block;\n\t\twidth:100%;\n\t}\n`;\n\nexport default [styles];"]}
|
@@ -1,47 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Copyright Aquera Inc 2023
|
3
|
-
*
|
4
|
-
* This source code is licensed under the BSD-3-Clause license found in the
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
6
|
-
*/
|
7
|
-
import { CSSResultArray, TemplateResult, PropertyValues } from 'lit';
|
8
|
-
import NileElement from '../internal/nile-element';
|
9
|
-
import { NileTableBody } from '../nile-table-body';
|
10
|
-
/**
|
11
|
-
* Nile table component.
|
12
|
-
*
|
13
|
-
* @tag nile-table
|
14
|
-
*
|
15
|
-
*/
|
16
|
-
export declare class NileTable extends NileElement {
|
17
|
-
defaultSlot: HTMLSlotElement;
|
18
|
-
private rows;
|
19
|
-
private primaryRowWidths;
|
20
|
-
private resizeObserver;
|
21
|
-
/**
|
22
|
-
* The styles for nile-table
|
23
|
-
* @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
|
24
|
-
*/
|
25
|
-
static get styles(): CSSResultArray;
|
26
|
-
connectedCallback(): void;
|
27
|
-
protected firstUpdated(_changedProperties: PropertyValues): void;
|
28
|
-
/**
|
29
|
-
* Render method
|
30
|
-
* @slot This is a slot test
|
31
|
-
*/
|
32
|
-
render(): TemplateResult;
|
33
|
-
repaintTable(): void;
|
34
|
-
handleRows(e: CustomEvent): void;
|
35
|
-
handleBodyCssUpdate(): void;
|
36
|
-
getPrimaryColumnWidths(): number[];
|
37
|
-
realignStructure(): void;
|
38
|
-
getTableCellFetchQuery(row: NileTableBody): Array<Element>;
|
39
|
-
handleResizeObserver(): void;
|
40
|
-
disconnectedCallback(): void;
|
41
|
-
}
|
42
|
-
export default NileTable;
|
43
|
-
declare global {
|
44
|
-
interface HTMLElementTagNameMap {
|
45
|
-
'nile-table': NileTable;
|
46
|
-
}
|
47
|
-
}
|
@@ -1,137 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Copyright Aquera Inc 2023
|
3
|
-
*
|
4
|
-
* This source code is licensed under the BSD-3-Clause license found in the
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
6
|
-
*/
|
7
|
-
import { __decorate } from "tslib";
|
8
|
-
import { html } from 'lit';
|
9
|
-
import { customElement, query } from 'lit/decorators.js';
|
10
|
-
import { styles } from './nile-table.css';
|
11
|
-
import NileElement from '../internal/nile-element';
|
12
|
-
/**
|
13
|
-
* Nile table component.
|
14
|
-
*
|
15
|
-
* @tag nile-table
|
16
|
-
*
|
17
|
-
*/
|
18
|
-
let NileTable = class NileTable extends NileElement {
|
19
|
-
constructor() {
|
20
|
-
super(...arguments);
|
21
|
-
this.rows = [];
|
22
|
-
this.primaryRowWidths = [];
|
23
|
-
/* #endregion */
|
24
|
-
}
|
25
|
-
/**
|
26
|
-
* The styles for nile-table
|
27
|
-
* @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
|
28
|
-
*/
|
29
|
-
static get styles() {
|
30
|
-
return [styles];
|
31
|
-
}
|
32
|
-
connectedCallback() {
|
33
|
-
super.connectedCallback();
|
34
|
-
this.addEventListener('nile-body-load', this.handleRows);
|
35
|
-
}
|
36
|
-
firstUpdated(_changedProperties) {
|
37
|
-
this.updateComplete.then(() => {
|
38
|
-
this.handleResizeObserver();
|
39
|
-
});
|
40
|
-
}
|
41
|
-
/* #endregion */
|
42
|
-
/* #region Methods */
|
43
|
-
/**
|
44
|
-
* Render method
|
45
|
-
* @slot This is a slot test
|
46
|
-
*/
|
47
|
-
render() {
|
48
|
-
return html `
|
49
|
-
<slot @slotchange="${this.repaintTable}"></slot>
|
50
|
-
`;
|
51
|
-
}
|
52
|
-
repaintTable() {
|
53
|
-
this.realignStructure();
|
54
|
-
this.handleBodyCssUpdate();
|
55
|
-
}
|
56
|
-
handleRows(e) {
|
57
|
-
this.rows = [...this.rows, e.detail.comp];
|
58
|
-
}
|
59
|
-
handleBodyCssUpdate() {
|
60
|
-
if (this.rows.length < 2)
|
61
|
-
return;
|
62
|
-
const tableBodies = this.rows;
|
63
|
-
const firstEl = tableBodies[0].shadowRoot?.querySelector('div.base');
|
64
|
-
if (firstEl) {
|
65
|
-
firstEl.style.borderTopRightRadius = "var(--nile-radius-radius-xl)";
|
66
|
-
firstEl.style.borderTopLeftRadius = 'var(--nile-radius-radius-xl)';
|
67
|
-
firstEl.style.borderBottomRightRadius = "0px";
|
68
|
-
firstEl.style.borderBottomLeftRadius = '0px';
|
69
|
-
firstEl.style.borderBottom = 'none';
|
70
|
-
}
|
71
|
-
tableBodies.forEach((tb, i) => {
|
72
|
-
if (i > 0 && i < tableBodies.length - 1) {
|
73
|
-
const el = tb.shadowRoot?.querySelector('div.base');
|
74
|
-
if (el) {
|
75
|
-
el.style.borderTopRightRadius = "0px";
|
76
|
-
el.style.borderTopLeftRadius = "0px";
|
77
|
-
el.style.borderBottomRightRadius = "0px";
|
78
|
-
el.style.borderBottomLeftRadius = "0px";
|
79
|
-
el.style.borderBottom = 'none';
|
80
|
-
}
|
81
|
-
}
|
82
|
-
});
|
83
|
-
const lastEl = tableBodies[tableBodies.length - 1].shadowRoot?.querySelector('div.base');
|
84
|
-
if (lastEl) {
|
85
|
-
lastEl.style.borderTopRightRadius = "0px";
|
86
|
-
lastEl.style.borderTopLeftRadius = '0px';
|
87
|
-
lastEl.style.borderBottomRightRadius = "var(--nile-radius-radius-xl)";
|
88
|
-
lastEl.style.borderBottomLeftRadius = 'var(--nile-radius-radius-xl)';
|
89
|
-
}
|
90
|
-
}
|
91
|
-
getPrimaryColumnWidths() {
|
92
|
-
const primaryTb = this.rows.find(tb => tb.type == 'primary');
|
93
|
-
const widthArray = this.getTableCellFetchQuery(primaryTb).map((e) => e.clientWidth);
|
94
|
-
return widthArray;
|
95
|
-
}
|
96
|
-
realignStructure() {
|
97
|
-
if (this.rows.length < 2)
|
98
|
-
return;
|
99
|
-
const primaryRowWidths = this.getPrimaryColumnWidths();
|
100
|
-
const secondaryRows = this.rows.filter(tb => tb.type != 'primary');
|
101
|
-
secondaryRows.forEach((row) => {
|
102
|
-
let elements = this.getTableCellFetchQuery(row);
|
103
|
-
elements?.forEach((el, ind) => {
|
104
|
-
el.style.setProperty('--cell-width', primaryRowWidths.at(ind) + 'px');
|
105
|
-
});
|
106
|
-
});
|
107
|
-
}
|
108
|
-
getTableCellFetchQuery(row) {
|
109
|
-
return row?.shadowRoot?.
|
110
|
-
querySelector('slot:not([name])')?.
|
111
|
-
assignedElements()[0]
|
112
|
-
.shadowRoot?.querySelector('slot')?.
|
113
|
-
assignedElements();
|
114
|
-
}
|
115
|
-
handleResizeObserver() {
|
116
|
-
const onResize = (entries) => {
|
117
|
-
for (let entry of entries) {
|
118
|
-
this.realignStructure();
|
119
|
-
}
|
120
|
-
};
|
121
|
-
this.resizeObserver = new ResizeObserver(onResize);
|
122
|
-
this.resizeObserver.observe(this);
|
123
|
-
}
|
124
|
-
disconnectedCallback() {
|
125
|
-
this.resizeObserver.disconnect();
|
126
|
-
super.disconnectedCallback();
|
127
|
-
}
|
128
|
-
};
|
129
|
-
__decorate([
|
130
|
-
query('slot')
|
131
|
-
], NileTable.prototype, "defaultSlot", void 0);
|
132
|
-
NileTable = __decorate([
|
133
|
-
customElement('nile-table')
|
134
|
-
], NileTable);
|
135
|
-
export { NileTable };
|
136
|
-
export default NileTable;
|
137
|
-
//# sourceMappingURL=nile-table.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"nile-table.js","sourceRoot":"","sources":["../../../src/nile-table/nile-table.ts"],"names":[],"mappings":"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","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 {LitElement, html, CSSResultArray, TemplateResult, PropertyValues} from 'lit';\nimport { customElement, property, query, state} from 'lit/decorators.js';\nimport {styles} from './nile-table.css';\nimport NileElement from '../internal/nile-element';\nimport { NileTableBody } from '../nile-table-body';\nimport { NileTableCellItem } from '../nile-table-cell-item';\nimport { NileTableHeaderItem } from '../nile-table-header-item';\n\n\n/**\n * Nile table component.\n *\n * @tag nile-table\n *\n */\n@customElement('nile-table')\nexport class NileTable extends NileElement {\n @query('slot') defaultSlot: HTMLSlotElement;\n\tprivate rows:Array<NileTableBody>=[];\n\tprivate primaryRowWidths:Array<number>=[]\n\tprivate resizeObserver:ResizeObserver ;\n\n\n\t/**\n\t * The styles for nile-table\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tthis.addEventListener('nile-body-load',this.handleRows)\n\t}\n\n\tprotected firstUpdated(_changedProperties: PropertyValues): void {\n\t\tthis.updateComplete.then(()=>{\n\t\t\tthis.handleResizeObserver();\n\t\t})\n\t}\n\n\n\t/* #endregion */\n\n\t/* #region Methods */\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\t\treturn html`\n\t\t\t<slot @slotchange=\"${this.repaintTable}\"></slot>\n\t\t\t`;\n\t}\n\n\trepaintTable(){\n\t\tthis.realignStructure();\n\t\tthis.handleBodyCssUpdate();\n\t}\n\n\thandleRows(e:CustomEvent){\n\t\tthis.rows=[...this.rows,e.detail.comp]\n\t}\n\n\thandleBodyCssUpdate(){\n if (this.rows.length<2) return;\n const tableBodies = this.rows;\n\t\tconst firstEl=tableBodies[0].shadowRoot?.querySelector<HTMLDivElement>('div.base')\n\t\tif(firstEl) {\n\t\t\tfirstEl.style.borderTopRightRadius=\"var(--nile-radius-radius-xl)\";\n\t\t\tfirstEl.style.borderTopLeftRadius = 'var(--nile-radius-radius-xl)';\n\t\t\tfirstEl.style.borderBottomRightRadius=\"0px\";\n\t\t\tfirstEl.style.borderBottomLeftRadius = '0px';\n\t\t\tfirstEl.style.borderBottom = 'none';\n\t\t}\n\t\ttableBodies.forEach((tb,i)=>{\n\t\t\tif(i>0 && i<tableBodies.length-1){\n\t\t\t\tconst el=tb.shadowRoot?.querySelector<HTMLDivElement>('div.base')\n\t\t\t\tif(el) {\n\t\t\t\t\tel.style.borderTopRightRadius=\"0px\";\n\t\t\t\t\tel.style.borderTopLeftRadius = \"0px\";\n\t\t\t\t\tel.style.borderBottomRightRadius=\"0px\";\n\t\t\t\t\tel.style.borderBottomLeftRadius = \"0px\";\n\t\t\t\t\tel.style.borderBottom = 'none';\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\t\tconst lastEl=tableBodies[tableBodies.length - 1].shadowRoot?.querySelector<HTMLDivElement>('div.base')\n\t\tif(lastEl){\n\t\t\tlastEl.style.borderTopRightRadius=\"0px\";\n\t\t\tlastEl.style.borderTopLeftRadius = '0px';\n\t\t\tlastEl.style.borderBottomRightRadius=\"var(--nile-radius-radius-xl)\";\n\t\t\tlastEl.style.borderBottomLeftRadius = 'var(--nile-radius-radius-xl)';\n\t\t}\n\t}\n\n\tgetPrimaryColumnWidths(){\n\t\tconst primaryTb=this.rows.find(tb=>tb.type=='primary')!;\n\t\tconst widthArray=this.getTableCellFetchQuery(primaryTb).map((e:LitElement)=>e.clientWidth) as Array<number>\n\t\treturn widthArray;\n\t}\n\t\n\trealignStructure(){\n if (this.rows.length<2) return;\n\t\tconst primaryRowWidths=this.getPrimaryColumnWidths();\n\t\tconst secondaryRows=this.rows.filter(tb=>tb.type!='primary');\n\t\tsecondaryRows.forEach((row)=>{\n\t\t\tlet elements=this.getTableCellFetchQuery(row)\n\t\t\telements?.forEach((el:NileTableCellItem|NileTableHeaderItem,ind)=>{\n\t\t\t\tel.style.setProperty('--cell-width',primaryRowWidths.at(ind)+'px')\n\t\t\t})\n\t\t})\n\t}\n\n\tgetTableCellFetchQuery(row:NileTableBody):Array<Element>{\n\t\treturn row?.shadowRoot?.\n\t\t\tquerySelector<HTMLSlotElement>('slot:not([name])')?.\n\t\t\tassignedElements()[0]\n\t\t\t.shadowRoot?.querySelector<HTMLSlotElement>('slot')?.\n\t\t\tassignedElements()!\n\t}\n\n\thandleResizeObserver(){\n\t\tconst onResize = (entries:ResizeObserverEntry[]): void=> {\n\t\t\tfor (let entry of entries) {\n\t\t\t\tthis.realignStructure();\n\t\t\t}\n\t\t};\n\t\tthis.resizeObserver=new ResizeObserver(onResize)\n\t\tthis.resizeObserver.observe(this);\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tthis.resizeObserver.disconnect()\n\t\tsuper.disconnectedCallback()\n\t}\n\t/* #endregion */\n}\n\nexport default NileTable;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-table': NileTable;\n }\n}"]}
|
package/src/nile-table/index.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export { NileTable } from './nile-table';
|
@@ -1,20 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Copyright Aquera Inc 2023
|
3
|
-
*
|
4
|
-
* This source code is licensed under the BSD-3-Clause license found in the
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
6
|
-
*/
|
7
|
-
|
8
|
-
import {css} from 'lit';
|
9
|
-
|
10
|
-
/**
|
11
|
-
* Table CSS
|
12
|
-
*/
|
13
|
-
export const styles = css`
|
14
|
-
:host {
|
15
|
-
display:block;
|
16
|
-
width:100%;
|
17
|
-
}
|
18
|
-
`;
|
19
|
-
|
20
|
-
export default [styles];
|
@@ -1,154 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Copyright Aquera Inc 2023
|
3
|
-
*
|
4
|
-
* This source code is licensed under the BSD-3-Clause license found in the
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
6
|
-
*/
|
7
|
-
|
8
|
-
import {LitElement, html, CSSResultArray, TemplateResult, PropertyValues} from 'lit';
|
9
|
-
import { customElement, property, query, state} from 'lit/decorators.js';
|
10
|
-
import {styles} from './nile-table.css';
|
11
|
-
import NileElement from '../internal/nile-element';
|
12
|
-
import { NileTableBody } from '../nile-table-body';
|
13
|
-
import { NileTableCellItem } from '../nile-table-cell-item';
|
14
|
-
import { NileTableHeaderItem } from '../nile-table-header-item';
|
15
|
-
|
16
|
-
|
17
|
-
/**
|
18
|
-
* Nile table component.
|
19
|
-
*
|
20
|
-
* @tag nile-table
|
21
|
-
*
|
22
|
-
*/
|
23
|
-
@customElement('nile-table')
|
24
|
-
export class NileTable extends NileElement {
|
25
|
-
@query('slot') defaultSlot: HTMLSlotElement;
|
26
|
-
private rows:Array<NileTableBody>=[];
|
27
|
-
private primaryRowWidths:Array<number>=[]
|
28
|
-
private resizeObserver:ResizeObserver ;
|
29
|
-
|
30
|
-
|
31
|
-
/**
|
32
|
-
* The styles for nile-table
|
33
|
-
* @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
|
34
|
-
*/
|
35
|
-
public static get styles(): CSSResultArray {
|
36
|
-
return [styles];
|
37
|
-
}
|
38
|
-
connectedCallback(): void {
|
39
|
-
super.connectedCallback()
|
40
|
-
this.addEventListener('nile-body-load',this.handleRows)
|
41
|
-
}
|
42
|
-
|
43
|
-
protected firstUpdated(_changedProperties: PropertyValues): void {
|
44
|
-
this.updateComplete.then(()=>{
|
45
|
-
this.handleResizeObserver();
|
46
|
-
})
|
47
|
-
}
|
48
|
-
|
49
|
-
|
50
|
-
/* #endregion */
|
51
|
-
|
52
|
-
/* #region Methods */
|
53
|
-
|
54
|
-
/**
|
55
|
-
* Render method
|
56
|
-
* @slot This is a slot test
|
57
|
-
*/
|
58
|
-
public render(): TemplateResult {
|
59
|
-
return html`
|
60
|
-
<slot @slotchange="${this.repaintTable}"></slot>
|
61
|
-
`;
|
62
|
-
}
|
63
|
-
|
64
|
-
repaintTable(){
|
65
|
-
this.realignStructure();
|
66
|
-
this.handleBodyCssUpdate();
|
67
|
-
}
|
68
|
-
|
69
|
-
handleRows(e:CustomEvent){
|
70
|
-
this.rows=[...this.rows,e.detail.comp]
|
71
|
-
}
|
72
|
-
|
73
|
-
handleBodyCssUpdate(){
|
74
|
-
if (this.rows.length<2) return;
|
75
|
-
const tableBodies = this.rows;
|
76
|
-
const firstEl=tableBodies[0].shadowRoot?.querySelector<HTMLDivElement>('div.base')
|
77
|
-
if(firstEl) {
|
78
|
-
firstEl.style.borderTopRightRadius="var(--nile-radius-radius-xl)";
|
79
|
-
firstEl.style.borderTopLeftRadius = 'var(--nile-radius-radius-xl)';
|
80
|
-
firstEl.style.borderBottomRightRadius="0px";
|
81
|
-
firstEl.style.borderBottomLeftRadius = '0px';
|
82
|
-
firstEl.style.borderBottom = 'none';
|
83
|
-
}
|
84
|
-
tableBodies.forEach((tb,i)=>{
|
85
|
-
if(i>0 && i<tableBodies.length-1){
|
86
|
-
const el=tb.shadowRoot?.querySelector<HTMLDivElement>('div.base')
|
87
|
-
if(el) {
|
88
|
-
el.style.borderTopRightRadius="0px";
|
89
|
-
el.style.borderTopLeftRadius = "0px";
|
90
|
-
el.style.borderBottomRightRadius="0px";
|
91
|
-
el.style.borderBottomLeftRadius = "0px";
|
92
|
-
el.style.borderBottom = 'none';
|
93
|
-
}
|
94
|
-
}
|
95
|
-
})
|
96
|
-
const lastEl=tableBodies[tableBodies.length - 1].shadowRoot?.querySelector<HTMLDivElement>('div.base')
|
97
|
-
if(lastEl){
|
98
|
-
lastEl.style.borderTopRightRadius="0px";
|
99
|
-
lastEl.style.borderTopLeftRadius = '0px';
|
100
|
-
lastEl.style.borderBottomRightRadius="var(--nile-radius-radius-xl)";
|
101
|
-
lastEl.style.borderBottomLeftRadius = 'var(--nile-radius-radius-xl)';
|
102
|
-
}
|
103
|
-
}
|
104
|
-
|
105
|
-
getPrimaryColumnWidths(){
|
106
|
-
const primaryTb=this.rows.find(tb=>tb.type=='primary')!;
|
107
|
-
const widthArray=this.getTableCellFetchQuery(primaryTb).map((e:LitElement)=>e.clientWidth) as Array<number>
|
108
|
-
return widthArray;
|
109
|
-
}
|
110
|
-
|
111
|
-
realignStructure(){
|
112
|
-
if (this.rows.length<2) return;
|
113
|
-
const primaryRowWidths=this.getPrimaryColumnWidths();
|
114
|
-
const secondaryRows=this.rows.filter(tb=>tb.type!='primary');
|
115
|
-
secondaryRows.forEach((row)=>{
|
116
|
-
let elements=this.getTableCellFetchQuery(row)
|
117
|
-
elements?.forEach((el:NileTableCellItem|NileTableHeaderItem,ind)=>{
|
118
|
-
el.style.setProperty('--cell-width',primaryRowWidths.at(ind)+'px')
|
119
|
-
})
|
120
|
-
})
|
121
|
-
}
|
122
|
-
|
123
|
-
getTableCellFetchQuery(row:NileTableBody):Array<Element>{
|
124
|
-
return row?.shadowRoot?.
|
125
|
-
querySelector<HTMLSlotElement>('slot:not([name])')?.
|
126
|
-
assignedElements()[0]
|
127
|
-
.shadowRoot?.querySelector<HTMLSlotElement>('slot')?.
|
128
|
-
assignedElements()!
|
129
|
-
}
|
130
|
-
|
131
|
-
handleResizeObserver(){
|
132
|
-
const onResize = (entries:ResizeObserverEntry[]): void=> {
|
133
|
-
for (let entry of entries) {
|
134
|
-
this.realignStructure();
|
135
|
-
}
|
136
|
-
};
|
137
|
-
this.resizeObserver=new ResizeObserver(onResize)
|
138
|
-
this.resizeObserver.observe(this);
|
139
|
-
}
|
140
|
-
|
141
|
-
disconnectedCallback(): void {
|
142
|
-
this.resizeObserver.disconnect()
|
143
|
-
super.disconnectedCallback()
|
144
|
-
}
|
145
|
-
/* #endregion */
|
146
|
-
}
|
147
|
-
|
148
|
-
export default NileTable;
|
149
|
-
|
150
|
-
declare global {
|
151
|
-
interface HTMLElementTagNameMap {
|
152
|
-
'nile-table': NileTable;
|
153
|
-
}
|
154
|
-
}
|