@aquera/nile-elements 0.1.8 → 0.1.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -0
- package/demo/index.html +0 -10
- package/dist/nile-accordion/nile-accordian.test.cjs.js +1 -1
- package/dist/nile-accordion/nile-accordian.test.cjs.js.map +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 +54 -23
- package/dist/nile-accordion/nile-accordion.esm.js +9 -8
- package/dist/nile-avatar/nile-avatar.test.cjs.js +1 -1
- package/dist/nile-avatar/nile-avatar.test.cjs.js.map +1 -1
- package/dist/nile-avatar/nile-avatar.test.esm.js +11 -1
- package/dist/nile-code-editor/nile-code-editor.cjs.js +1 -1
- package/dist/nile-code-editor/nile-code-editor.cjs.js.map +1 -1
- package/dist/nile-code-editor/nile-code-editor.css.cjs.js +1 -1
- package/dist/nile-code-editor/nile-code-editor.css.cjs.js.map +1 -1
- package/dist/nile-code-editor/nile-code-editor.css.esm.js +18 -10
- package/dist/nile-code-editor/nile-code-editor.esm.js +9 -9
- package/dist/src/nile-accordion/nile-accordian.test.js +24 -29
- package/dist/src/nile-accordion/nile-accordian.test.js.map +1 -1
- package/dist/src/nile-accordion/nile-accordion.css.js +53 -22
- package/dist/src/nile-accordion/nile-accordion.css.js.map +1 -1
- package/dist/src/nile-accordion/nile-accordion.d.ts +31 -16
- package/dist/src/nile-accordion/nile-accordion.js +68 -34
- package/dist/src/nile-accordion/nile-accordion.js.map +1 -1
- package/dist/src/nile-avatar/nile-avatar.test.d.ts +1 -0
- package/dist/src/nile-avatar/nile-avatar.test.js +64 -30
- package/dist/src/nile-avatar/nile-avatar.test.js.map +1 -1
- package/dist/src/nile-code-editor/nile-code-editor.css.js +18 -10
- package/dist/src/nile-code-editor/nile-code-editor.css.js.map +1 -1
- package/dist/src/nile-code-editor/nile-code-editor.js +10 -10
- package/dist/src/nile-code-editor/nile-code-editor.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/nile-accordion/nile-accordian.test.ts +30 -57
- package/src/nile-accordion/nile-accordion.css.ts +53 -22
- package/src/nile-accordion/nile-accordion.ts +61 -33
- package/src/nile-avatar/nile-avatar.test.ts +84 -33
- package/src/nile-code-editor/nile-code-editor.css.ts +18 -10
- package/src/nile-code-editor/nile-code-editor.ts +10 -10
- package/vscode-html-custom-data.json +82 -43
package/README.md
CHANGED
@@ -79,6 +79,13 @@ To run a local development server that serves the basic demo located in `demo/in
|
|
79
79
|
|
80
80
|
In this section, you can find the updates for each release of `nile-elements`. It's a good practice to maintain detailed release notes to help users and developers understand what changes have been made from one version to another and how these changes might affect their projects.
|
81
81
|
|
82
|
+
#### Version 0.1.10
|
83
|
+
- Nile Code Editor - Expand icon twitching issue fixes, Css updates
|
84
|
+
|
85
|
+
#### Version 0.1.9
|
86
|
+
- Nile Code Editor - Expand icon twitching issue fixed
|
87
|
+
- Nile Toggle Button css token update
|
88
|
+
|
82
89
|
#### Version 0.1.8
|
83
90
|
- Nile Avatar - Design, documentation and variants updates,
|
84
91
|
- Nile Css Toolbar token update
|
package/demo/index.html
CHANGED
@@ -34,14 +34,8 @@
|
|
34
34
|
|
35
35
|
<!-- Add the tour component -->
|
36
36
|
<nile-tour id="tour" .showBackdrop="false" .disableInteraction="false"></nile-tour>
|
37
|
-
|
38
|
-
|
39
37
|
<body>
|
40
38
|
<div class="flex-container wrap" id="button-container"></div>
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
39
|
<style>
|
46
40
|
.frame-left-lg {
|
47
41
|
padding-left: 4rem;
|
@@ -105,10 +99,6 @@ for (let i = 1; i <= 80; i++) {
|
|
105
99
|
});
|
106
100
|
}
|
107
101
|
|
108
|
-
|
109
|
-
|
110
|
-
console.log(tourElement.steps);
|
111
|
-
|
112
102
|
// Start the tour when the page loads
|
113
103
|
window.onload = () => {
|
114
104
|
|
@@ -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(["../fixture-a0ed956d.cjs.js","lit/static-html.js","lit/html.js","lit/directive-helpers.js","lit","lit/directives/unsafe-html.js","./nile-accordion.cjs.js","../sinon-esm-f2ab052c.cjs.js","tslib","./nile-accordion.css.cjs.js","../internal/nile-element.cjs.js","../internal/animate.cjs.js","lit/directives/class-map.js","lit/decorators.js","../utilities/animation-registry.cjs.js","../internal/event.cjs.js","../internal/watch.cjs.js"],function(_export,_context){"use strict";var e,i,a,t,n,o,s,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10;function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function _regeneratorRuntime(){return e;};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value;},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e];}try{define({},"");}catch(t){define=function define(t,e,r){return t[e]=r;};}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a;}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)};}catch(t){return{type:"throw",arg:t};}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,function(){return this;});var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach(function(e){define(t,e,function(t){return this._invoke(e,t);});});}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then(function(t){invoke("next",t,i,a);},function(t){invoke("throw",t,i,a);}):e.resolve(h).then(function(t){u.value=t,i(u);},function(t){return invoke("throw",t,i,a);});}a(c.arg);}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e(function(e,r){invoke(t,n,e,r);});}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg();}});}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0};}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u;}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg);}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done};}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg);}};}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator["return"]&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y);}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e);}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e;}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0);}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o<e.length;)if(n.call(e,o))return next.value=e[o],next.done=!1,next;return next.value=t,next.done=!0,next;};return i.next=i;}}throw new TypeError(_typeof(e)+" is not iterable");}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===GeneratorFunction||"GeneratorFunction"===(e.displayName||e.name));},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,GeneratorFunctionPrototype):(t.__proto__=GeneratorFunctionPrototype,define(t,u,"GeneratorFunction")),t.prototype=Object.create(g),t;},e.awrap=function(t){return{__await:t};},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,function(){return this;}),e.AsyncIterator=AsyncIterator,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new AsyncIterator(wrap(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then(function(t){return t.done?t.value:a.next();});},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,function(){return this;}),define(g,"toString",function(){return"[object Generator]";}),e.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function next(){for(;r.length;){var t=r.pop();if(t in e)return next.value=t,next.done=!1,next;}return next.done=!0,next;};},e.values=values,Context.prototype={constructor:Context,reset:function reset(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t);},stop:function stop(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval;},dispatchException:function dispatchException(e){if(this.done)throw e;var r=this;function handle(n,o){return a.type="throw",a.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o;}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}else if(c){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}}}},abrupt:function abrupt(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break;}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a);},complete:function complete(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y;},finish:function finish(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y;}},"catch":function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r);}return o;}}throw Error("illegal catch attempt");},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y;}},e;}function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}return{setters:[function(_fixture003CjsJs){e=_fixture003CjsJs.f;i=_fixture003CjsJs.a;a=_fixture003CjsJs.e;t=_fixture003CjsJs.o;},function(_litStaticHtmlJs){n=_litStaticHtmlJs.html;},function(_litHtmlJs){},function(_litDirectiveHelpersJs){},function(_lit){},function(_litDirectivesUnsafeHtmlJs){},function(_nileAccordionCjsJs){o=_nileAccordionCjsJs.N;},function(_sinonEsm004CjsJs){s=_sinonEsm004CjsJs.s;},function(_tslib){},function(_nileAccordionCssCjsJs){},function(_internalNileElementCjsJs){},function(_internalAnimateCjsJs){},function(_litDirectivesClassMapJs){},function(_litDecoratorsJs){},function(_utilitiesAnimationRegistryCjsJs){},function(_internalEventCjsJs){},function(_internalWatchCjsJs){}],execute:function execute(){describe("NileAccordion",function(){it("should render correctly",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(){var a;return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:_context2.next=2;return e(n(_templateObject||(_templateObject=_taggedTemplateLiteral(["<nile-accordion summary=\"Test Summary\"></nile-accordion>"]))));case 2:a=_context2.sent;i(a).to.be.instanceOf(o),i(a.shadowRoot).not.to.be["null"],i(a.summary).to.equal("Test Summary");case 4:case"end":return _context2.stop();}},_callee);}))),it("should initialize closed by default",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(){var _a$shadowRoot;var a,t;return _regeneratorRuntime().wrap(function _callee2$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:_context3.next=2;return e(n(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<nile-accordion summary=\"Test Summary\"></nile-accordion>"]))));case 2:a=_context3.sent;i(a.open).to.be["false"];t=(_a$shadowRoot=a.shadowRoot)===null||_a$shadowRoot===void 0?void 0:_a$shadowRoot.querySelector(".details__body");i(t===null||t===void 0?void 0:t.hidden).to.be["true"];case 6:case"end":return _context3.stop();}},_callee2);}))),it("should open when clicked",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(){var _t$shadowRoot,_t$shadowRoot2;var t,o,s;return _regeneratorRuntime().wrap(function _callee3$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:_context4.next=2;return e(n(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-accordion summary=\"Test Summary\"></nile-accordion>"]))));case 2:t=_context4.sent;o=(_t$shadowRoot=t.shadowRoot)===null||_t$shadowRoot===void 0?void 0:_t$shadowRoot.querySelector(".details__header");o.click();_context4.next=7;return a(t);case 7:i(t.open).to.be["true"];s=(_t$shadowRoot2=t.shadowRoot)===null||_t$shadowRoot2===void 0?void 0:_t$shadowRoot2.querySelector(".details__body");i(s===null||s===void 0?void 0:s.hidden).to.be["false"];case 10:case"end":return _context4.stop();}},_callee3);}))),it('should emit "nile-show" and "nile-after-show" when opened',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(){var _a$shadowRoot2;var a,o,r;return _regeneratorRuntime().wrap(function _callee4$(_context5){while(1)switch(_context5.prev=_context5.next){case 0:_context5.next=2;return e(n(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<nile-accordion summary=\"Test Summary\"></nile-accordion>"]))));case 2:a=_context5.sent;o=s.spy(a,"emit");r=(_a$shadowRoot2=a.shadowRoot)===null||_a$shadowRoot2===void 0?void 0:_a$shadowRoot2.querySelector(".details__header");setTimeout(function(){return r.click();});_context5.next=8;return t(a,"nile-after-show");case 8:i(o.calledWith("nile-show")).to.be["true"];i(o.calledWith("nile-after-show")).to.be["true"];case 10:case"end":return _context5.stop();}},_callee4);}))),it('should emit "nile-hide" and "nile-after-hide" when closed',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(){var _a$shadowRoot3;var a,o,r;return _regeneratorRuntime().wrap(function _callee5$(_context6){while(1)switch(_context6.prev=_context6.next){case 0:_context6.next=2;return e(n(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["<nile-accordion summary=\"Test Summary\" open></nile-accordion>"]))));case 2:a=_context6.sent;o=s.spy(a,"emit");r=(_a$shadowRoot3=a.shadowRoot)===null||_a$shadowRoot3===void 0?void 0:_a$shadowRoot3.querySelector(".details__header");setTimeout(function(){return r.click();});_context6.next=8;return t(a,"nile-after-hide");case 8:i(o.calledWith("nile-hide")).to.be["true"];i(o.calledWith("nile-after-hide")).to.be["true"];case 10:case"end":return _context6.stop();}},_callee5);}))),it('should be disabled when the "disabled" property is set',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(){var _t$shadowRoot3,_t$shadowRoot4;var t,o,s;return _regeneratorRuntime().wrap(function _callee6$(_context7){while(1)switch(_context7.prev=_context7.next){case 0:_context7.next=2;return e(n(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["<nile-accordion summary=\"Test Summary\" disabled></nile-accordion>"]))));case 2:t=_context7.sent;o=(_t$shadowRoot3=t.shadowRoot)===null||_t$shadowRoot3===void 0?void 0:_t$shadowRoot3.querySelector(".details__header");o.click();_context7.next=7;return a(t);case 7:i(t.open).to.be["false"];s=(_t$shadowRoot4=t.shadowRoot)===null||_t$shadowRoot4===void 0?void 0:_t$shadowRoot4.querySelector(".details__body");i(s===null||s===void 0?void 0:s.hidden).to.be["true"];case 10:case"end":return _context7.stop();}},_callee6);}))),it('should open when pressing "Enter"',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7(){var _t$shadowRoot5;var t,o,s;return _regeneratorRuntime().wrap(function _callee7$(_context8){while(1)switch(_context8.prev=_context8.next){case 0:_context8.next=2;return e(n(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["<nile-accordion summary=\"Test Summary\"></nile-accordion>"]))));case 2:t=_context8.sent;o=(_t$shadowRoot5=t.shadowRoot)===null||_t$shadowRoot5===void 0?void 0:_t$shadowRoot5.querySelector(".details__header");s=new KeyboardEvent("keydown",{key:"Enter"});o.dispatchEvent(s);_context8.next=8;return a(t);case 8:i(t.open).to.be["true"];case 9:case"end":return _context8.stop();}},_callee7);}))),it("should handle keyboard interaction (Enter and Space)",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee8(){var _t$shadowRoot6;var t,o,s,r;return _regeneratorRuntime().wrap(function _callee8$(_context9){while(1)switch(_context9.prev=_context9.next){case 0:_context9.next=2;return e(n(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["<nile-accordion summary=\"Test Summary\"></nile-accordion>"]))));case 2:t=_context9.sent;o=(_t$shadowRoot6=t.shadowRoot)===null||_t$shadowRoot6===void 0?void 0:_t$shadowRoot6.querySelector(".details__header");s=new KeyboardEvent("keydown",{key:"Enter"});o.dispatchEvent(s);_context9.next=8;return a(t);case 8:i(t.open).to.be["true"];r=new KeyboardEvent("keydown",{key:" "});o.dispatchEvent(r);_context9.next=13;return a(t);case 13:i(t.open).to.be["false"];case 14:case"end":return _context9.stop();}},_callee8);}))),it("should handle ArrowUp/ArrowLeft to close and ArrowDown/ArrowRight to open",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee9(){var _t$shadowRoot7;var t,o,s,r;return _regeneratorRuntime().wrap(function _callee9$(_context10){while(1)switch(_context10.prev=_context10.next){case 0:_context10.next=2;return e(n(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["<nile-accordion summary=\"Test Summary\"></nile-accordion>"]))));case 2:t=_context10.sent;o=(_t$shadowRoot7=t.shadowRoot)===null||_t$shadowRoot7===void 0?void 0:_t$shadowRoot7.querySelector(".details__header");s=new KeyboardEvent("keydown",{key:"ArrowDown"});o.dispatchEvent(s);_context10.next=8;return a(t);case 8:i(t.open).to.be["true"];r=new KeyboardEvent("keydown",{key:"ArrowUp"});o.dispatchEvent(r);_context10.next=13;return a(t);case 13:i(t.open).to.be["false"];case 14:case"end":return _context10.stop();}},_callee9);}))),it("should animate when opening and closing",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee10(){var _t$shadowRoot8;var t,o,r;return _regeneratorRuntime().wrap(function _callee10$(_context11){while(1)switch(_context11.prev=_context11.next){case 0:_context11.next=2;return e(n(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["<nile-accordion summary=\"Test Summary\"></nile-accordion>"]))));case 2:t=_context11.sent;o=s.spy(t,"handleOpenChange");r=(_t$shadowRoot8=t.shadowRoot)===null||_t$shadowRoot8===void 0?void 0:_t$shadowRoot8.querySelector(".details__header");r.click();_context11.next=8;return a(t);case 8:i(o.called).to.be["true"];r.click();_context11.next=12;return a(t);case 12:i(o.calledTwice).to.be["true"];case 13:case"end":return _context11.stop();}},_callee10);})));});}};});
|
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(["../fixture-a0ed956d.cjs.js","lit/static-html.js","lit/html.js","lit/directive-helpers.js","lit","lit/directives/unsafe-html.js","./nile-accordion.cjs.js","../sinon-esm-f2ab052c.cjs.js","tslib","./nile-accordion.css.cjs.js","../internal/nile-element.cjs.js","../internal/animate.cjs.js","lit/directives/class-map.js","lit/decorators.js","../utilities/animation-registry.cjs.js","../internal/event.cjs.js","../internal/watch.cjs.js"],function(_export,_context){"use strict";var a,e,i,n,o,r,t,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12;function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function _regeneratorRuntime(){return e;};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value;},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e];}try{define({},"");}catch(t){define=function define(t,e,r){return t[e]=r;};}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a;}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)};}catch(t){return{type:"throw",arg:t};}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,function(){return this;});var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach(function(e){define(t,e,function(t){return this._invoke(e,t);});});}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then(function(t){invoke("next",t,i,a);},function(t){invoke("throw",t,i,a);}):e.resolve(h).then(function(t){u.value=t,i(u);},function(t){return invoke("throw",t,i,a);});}a(c.arg);}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e(function(e,r){invoke(t,n,e,r);});}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg();}});}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0};}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u;}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg);}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done};}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg);}};}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator["return"]&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y);}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e);}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e;}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0);}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o<e.length;)if(n.call(e,o))return next.value=e[o],next.done=!1,next;return next.value=t,next.done=!0,next;};return i.next=i;}}throw new TypeError(_typeof(e)+" is not iterable");}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===GeneratorFunction||"GeneratorFunction"===(e.displayName||e.name));},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,GeneratorFunctionPrototype):(t.__proto__=GeneratorFunctionPrototype,define(t,u,"GeneratorFunction")),t.prototype=Object.create(g),t;},e.awrap=function(t){return{__await:t};},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,function(){return this;}),e.AsyncIterator=AsyncIterator,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new AsyncIterator(wrap(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then(function(t){return t.done?t.value:a.next();});},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,function(){return this;}),define(g,"toString",function(){return"[object Generator]";}),e.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function next(){for(;r.length;){var t=r.pop();if(t in e)return next.value=t,next.done=!1,next;}return next.done=!0,next;};},e.values=values,Context.prototype={constructor:Context,reset:function reset(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t);},stop:function stop(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval;},dispatchException:function dispatchException(e){if(this.done)throw e;var r=this;function handle(n,o){return a.type="throw",a.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o;}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}else if(c){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}}}},abrupt:function abrupt(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break;}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a);},complete:function complete(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y;},finish:function finish(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y;}},"catch":function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r);}return o;}}throw Error("illegal catch attempt");},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y;}},e;}function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}return{setters:[function(_fixture003CjsJs){a=_fixture003CjsJs.f;e=_fixture003CjsJs.a;i=_fixture003CjsJs.e;n=_fixture003CjsJs.o;},function(_litStaticHtmlJs){o=_litStaticHtmlJs.html;},function(_litHtmlJs){},function(_litDirectiveHelpersJs){},function(_lit){},function(_litDirectivesUnsafeHtmlJs){},function(_nileAccordionCjsJs){r=_nileAccordionCjsJs.N;},function(_sinonEsm004CjsJs){t=_sinonEsm004CjsJs.s;},function(_tslib){},function(_nileAccordionCssCjsJs){},function(_internalNileElementCjsJs){},function(_internalAnimateCjsJs){},function(_litDirectivesClassMapJs){},function(_litDecoratorsJs){},function(_utilitiesAnimationRegistryCjsJs){},function(_internalEventCjsJs){},function(_internalWatchCjsJs){}],execute:function execute(){describe("NileAccordion",function(){it("should render correctly",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(){var i;return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:_context2.next=2;return a(o(_templateObject||(_templateObject=_taggedTemplateLiteral(["<nile-accordion summary=\"Test Summary\"></nile-accordion>"]))));case 2:i=_context2.sent;e(i).to.be.instanceOf(r),e(i.shadowRoot).not.to.be["null"],e(i.summary).to.equal("Test Summary");case 4:case"end":return _context2.stop();}},_callee);}))),it("should initialize closed by default",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(){var _i$shadowRoot;var i,n;return _regeneratorRuntime().wrap(function _callee2$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:_context3.next=2;return a(o(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<nile-accordion summary=\"Test Summary\"></nile-accordion>"]))));case 2:i=_context3.sent;e(i.open).to.be["false"];n=(_i$shadowRoot=i.shadowRoot)===null||_i$shadowRoot===void 0?void 0:_i$shadowRoot.querySelector(".accordian__body");e(n===null||n===void 0?void 0:n.hidden).to.be["true"];case 6:case"end":return _context3.stop();}},_callee2);}))),it("should open when clicked",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(){var _n$shadowRoot,_n$shadowRoot2;var n,r,t;return _regeneratorRuntime().wrap(function _callee3$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:_context4.next=2;return a(o(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-accordion summary=\"Test Summary\"></nile-accordion>"]))));case 2:n=_context4.sent;r=(_n$shadowRoot=n.shadowRoot)===null||_n$shadowRoot===void 0?void 0:_n$shadowRoot.querySelector(".accordian__header");r.click();_context4.next=7;return i(n);case 7:e(n.open).to.be["true"];t=(_n$shadowRoot2=n.shadowRoot)===null||_n$shadowRoot2===void 0?void 0:_n$shadowRoot2.querySelector(".accordian__body");e(t===null||t===void 0?void 0:t.hidden).to.be["false"];case 10:case"end":return _context4.stop();}},_callee3);}))),it('should emit "nile-show" and "nile-after-show" when opened',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(){var _i$shadowRoot2;var i,r,c;return _regeneratorRuntime().wrap(function _callee4$(_context5){while(1)switch(_context5.prev=_context5.next){case 0:_context5.next=2;return a(o(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<nile-accordion summary=\"Test Summary\"></nile-accordion>"]))));case 2:i=_context5.sent;r=t.spy(i,"emit");c=(_i$shadowRoot2=i.shadowRoot)===null||_i$shadowRoot2===void 0?void 0:_i$shadowRoot2.querySelector(".accordian__header");setTimeout(function(){return c.click();});_context5.next=8;return n(i,"nile-after-show");case 8:e(r.calledWith("nile-show")).to.be["true"];e(r.calledWith("nile-after-show")).to.be["true"];case 10:case"end":return _context5.stop();}},_callee4);}))),it('should emit "nile-hide" and "nile-after-hide" when closed',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(){var _i$shadowRoot3;var i,r,c;return _regeneratorRuntime().wrap(function _callee5$(_context6){while(1)switch(_context6.prev=_context6.next){case 0:_context6.next=2;return a(o(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["<nile-accordion summary=\"Test Summary\" open></nile-accordion>"]))));case 2:i=_context6.sent;r=t.spy(i,"emit");c=(_i$shadowRoot3=i.shadowRoot)===null||_i$shadowRoot3===void 0?void 0:_i$shadowRoot3.querySelector(".accordian__header");setTimeout(function(){return c.click();});_context6.next=8;return n(i,"nile-after-hide");case 8:e(r.calledWith("nile-hide")).to.be["true"];e(r.calledWith("nile-after-hide")).to.be["true"];case 10:case"end":return _context6.stop();}},_callee5);}))),it('should be disabled when the "disabled" property is set',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(){var _n$shadowRoot3;var n,r;return _regeneratorRuntime().wrap(function _callee6$(_context7){while(1)switch(_context7.prev=_context7.next){case 0:_context7.next=2;return a(o(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["<nile-accordion summary=\"Test Summary\" disabled></nile-accordion>"]))));case 2:n=_context7.sent;r=(_n$shadowRoot3=n.shadowRoot)===null||_n$shadowRoot3===void 0?void 0:_n$shadowRoot3.querySelector(".accordian__header");r.click();_context7.next=7;return i(n);case 7:e(n.open).to.be["false"];case 8:case"end":return _context7.stop();}},_callee6);}))),it("should handle keyboard interaction (Enter and Space)",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7(){var _n$shadowRoot4;var n,r,t,c;return _regeneratorRuntime().wrap(function _callee7$(_context8){while(1)switch(_context8.prev=_context8.next){case 0:_context8.next=2;return a(o(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["<nile-accordion summary=\"Test Summary\"></nile-accordion>"]))));case 2:n=_context8.sent;r=(_n$shadowRoot4=n.shadowRoot)===null||_n$shadowRoot4===void 0?void 0:_n$shadowRoot4.querySelector(".accordian__header");t=new KeyboardEvent("keydown",{key:"Enter"});r.dispatchEvent(t);_context8.next=8;return i(n);case 8:e(n.open).to.be["true"];c=new KeyboardEvent("keydown",{key:" "});r.dispatchEvent(c);_context8.next=13;return i(n);case 13:e(n.open).to.be["false"];case 14:case"end":return _context8.stop();}},_callee7);}))),it("should handle ArrowUp/ArrowLeft to close and ArrowDown/ArrowRight to open",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee8(){var _n$shadowRoot5;var n,r,t,c;return _regeneratorRuntime().wrap(function _callee8$(_context9){while(1)switch(_context9.prev=_context9.next){case 0:_context9.next=2;return a(o(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["<nile-accordion summary=\"Test Summary\"></nile-accordion>"]))));case 2:n=_context9.sent;r=(_n$shadowRoot5=n.shadowRoot)===null||_n$shadowRoot5===void 0?void 0:_n$shadowRoot5.querySelector(".accordian__header");t=new KeyboardEvent("keydown",{key:"ArrowDown"});r.dispatchEvent(t);_context9.next=8;return i(n);case 8:e(n.open).to.be["true"];c=new KeyboardEvent("keydown",{key:"ArrowUp"});r.dispatchEvent(c);_context9.next=13;return i(n);case 13:e(n.open).to.be["false"];case 14:case"end":return _context9.stop();}},_callee8);}))),it('should apply the "variant" class based on the variant property',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee9(){var _i$shadowRoot4;var i,n;return _regeneratorRuntime().wrap(function _callee9$(_context10){while(1)switch(_context10.prev=_context10.next){case 0:_context10.next=2;return a(o(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["<nile-accordion summary=\"Test Summary\" variant=\"dark\"></nile-accordion>"]))));case 2:i=_context10.sent;n=(_i$shadowRoot4=i.shadowRoot)===null||_i$shadowRoot4===void 0?void 0:_i$shadowRoot4.querySelector(".accordian__header");e(n).to.have["class"]("accordian__header--dark");case 5:case"end":return _context10.stop();}},_callee9);}))),it("should apply the correct size class based on the size property",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee10(){var _i$shadowRoot5;var i,n;return _regeneratorRuntime().wrap(function _callee10$(_context11){while(1)switch(_context11.prev=_context11.next){case 0:_context11.next=2;return a(o(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["<nile-accordion summary=\"Test Summary\" size=\"lg\"></nile-accordion>"]))));case 2:i=_context11.sent;n=(_i$shadowRoot5=i.shadowRoot)===null||_i$shadowRoot5===void 0?void 0:_i$shadowRoot5.querySelector(".accordian");e(n).to.have["class"]("accordian--lg");case 5:case"end":return _context11.stop();}},_callee10);}))),it("should apply the correct expand icon placement class based on the expandIconPlacement property",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee11(){var _i$shadowRoot6;var i,n;return _regeneratorRuntime().wrap(function _callee11$(_context12){while(1)switch(_context12.prev=_context12.next){case 0:_context12.next=2;return a(o(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["<nile-accordion summary=\"Test Summary\" expandIconPlacement=\"left\"></nile-accordion>"]))));case 2:i=_context12.sent;n=(_i$shadowRoot6=i.shadowRoot)===null||_i$shadowRoot6===void 0?void 0:_i$shadowRoot6.querySelector(".accordian__header");e(n).to.have["class"]("accordian__header--arrow-left");case 5:case"end":return _context12.stop();}},_callee11);}))),it("should animate when opening and closing",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee12(){var _n$shadowRoot6;var n,r,c;return _regeneratorRuntime().wrap(function _callee12$(_context13){while(1)switch(_context13.prev=_context13.next){case 0:_context13.next=2;return a(o(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["<nile-accordion summary=\"Test Summary\"></nile-accordion>"]))));case 2:n=_context13.sent;r=t.spy(n,"handleOpenChange");c=(_n$shadowRoot6=n.shadowRoot)===null||_n$shadowRoot6===void 0?void 0:_n$shadowRoot6.querySelector(".accordian__header");c.click();_context13.next=8;return i(n);case 8:e(r.called).to.be["true"];c.click();_context13.next=12;return i(n);case 12:e(r.calledTwice).to.be["true"];case 13:case"end":return _context13.stop();}},_callee12);})));});}};});
|
2
2
|
//# sourceMappingURL=nile-accordian.test.cjs.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nile-accordian.test.cjs.js","sources":["../../../src/nile-accordion/nile-accordian.test.ts"],"sourcesContent":["import { fixture, html, expect, oneEvent, elementUpdated } from '@open-wc/testing';\nimport './nile-accordion';\nimport { NileAccordion } from './nile-accordion';\nimport Sinon from 'sinon';\nconst wait=(ms:number=50000)=>new Promise(resolve => setTimeout(resolve, ms))\n\n\ndescribe('NileAccordion', () => {\n it('should render correctly', async () => {\n const el = await fixture<NileAccordion>(html`<nile-accordion summary=\"Test Summary\"></nile-accordion>`);\n expect(el).to.be.instanceOf(NileAccordion);\n expect(el.shadowRoot).not.to.be.null;\n expect(el.summary).to.equal('Test Summary');\n });\n\n it('should initialize closed by default', async () => {\n const el = await fixture<NileAccordion>(html`<nile-accordion summary=\"Test Summary\"></nile-accordion>`);\n expect(el.open).to.be.false;\n const body = el.shadowRoot?.querySelector<any>('.details__body');\n expect(body?.hidden).to.be.true;\n });\n\n it('should open when clicked', async () => {\n const el = await fixture<NileAccordion>(html`<nile-accordion summary=\"Test Summary\"></nile-accordion>`);\n \n const header = el.shadowRoot?.querySelector('.details__header') as HTMLElement;\n header.click();\n \n await elementUpdated(el);\n \n expect(el.open).to.be.true;\n const body = el.shadowRoot?.querySelector<any>('.details__body');\n expect(body?.hidden).to.be.false;\n });\n\n it('should emit \"nile-show\" and \"nile-after-show\" when opened', async () => {\n const el = await fixture<NileAccordion>(html`<nile-accordion summary=\"Test Summary\"></nile-accordion>`);\n \n const showSpy = Sinon.spy(el, 'emit');\n const header = el.shadowRoot?.querySelector('.details__header') as HTMLElement;\n\t\tsetTimeout(() => header.click());\n\n // Wait for the \"nile-show\" and \"nile-after-show\" events to be emitted\n await oneEvent(el, 'nile-after-show');\n\n expect(showSpy.calledWith('nile-show')).to.be.true;\n expect(showSpy.calledWith('nile-after-show')).to.be.true;\n });\n\n it('should emit \"nile-hide\" and \"nile-after-hide\" when closed', async () => {\n const el = await fixture<NileAccordion>(html`<nile-accordion summary=\"Test Summary\" open></nile-accordion>`);\n \n const hideSpy = Sinon.spy(el, 'emit');\n const header = el.shadowRoot?.querySelector('.details__header') as HTMLElement;\n\t\tsetTimeout(() => header.click());\n\n // Wait for the \"nile-hide\" and \"nile-after-hide\" events to be emitted\n await oneEvent(el, 'nile-after-hide');\n\n expect(hideSpy.calledWith('nile-hide')).to.be.true;\n expect(hideSpy.calledWith('nile-after-hide')).to.be.true;\n });\n\n it('should be disabled when the \"disabled\" property is set', async () => {\n const el = await fixture<NileAccordion>(html`<nile-accordion summary=\"Test Summary\" disabled></nile-accordion>`);\n \n const header = el.shadowRoot?.querySelector('.details__header') as HTMLElement;\n header.click();\n\n await elementUpdated(el);\n \n expect(el.open).to.be.false;\n const body = el.shadowRoot?.querySelector<any>('.details__body');\n expect(body?.hidden).to.be.true;\n });\n\n it('should open when pressing \"Enter\"', async () => {\n const el = await fixture<NileAccordion>(html`<nile-accordion summary=\"Test Summary\"></nile-accordion>`);\n \n const header = el.shadowRoot?.querySelector('.details__header') as HTMLElement;\n\n // Simulate pressing the \"Enter\" key\n const enterEvent = new KeyboardEvent('keydown', { key: 'Enter' });\n header.dispatchEvent(enterEvent);\n\n await elementUpdated(el);\n expect(el.open).to.be.true;\n });\n\n it('should handle keyboard interaction (Enter and Space)', async () => {\n const el = await fixture<NileAccordion>(html`<nile-accordion summary=\"Test Summary\"></nile-accordion>`);\n \n const header = el.shadowRoot?.querySelector('.details__header') as HTMLElement;\n\n // Simulate pressing the \"Enter\" key\n const enterEvent = new KeyboardEvent('keydown', { key: 'Enter' });\n header.dispatchEvent(enterEvent);\n\n await elementUpdated(el);\n expect(el.open).to.be.true;\n\n // Simulate pressing the \"Space\" key\n const spaceEvent = new KeyboardEvent('keydown', { key: ' ' });\n header.dispatchEvent(spaceEvent);\n\n await elementUpdated(el);\n expect(el.open).to.be.false;\n });\n\n it('should handle ArrowUp/ArrowLeft to close and ArrowDown/ArrowRight to open', async () => {\n const el = await fixture<NileAccordion>(html`<nile-accordion summary=\"Test Summary\"></nile-accordion>`);\n \n const header = el.shadowRoot?.querySelector('.details__header') as HTMLElement;\n\n // Simulate pressing the \"ArrowDown\" key to open\n const arrowDownEvent = new KeyboardEvent('keydown', { key: 'ArrowDown' });\n header.dispatchEvent(arrowDownEvent);\n\n await elementUpdated(el);\n expect(el.open).to.be.true;\n\n // Simulate pressing the \"ArrowUp\" key to close\n const arrowUpEvent = new KeyboardEvent('keydown', { key: 'ArrowUp' });\n header.dispatchEvent(arrowUpEvent);\n\n await elementUpdated(el);\n expect(el.open).to.be.false;\n });\n\n it('should animate when opening and closing', async () => {\n const el = await fixture<NileAccordion>(html`<nile-accordion summary=\"Test Summary\"></nile-accordion>`);\n \n const animateSpy = Sinon.spy(el, 'handleOpenChange');\n\n // Simulate opening\n const header = el.shadowRoot?.querySelector('.details__header') as HTMLElement;\n header.click();\n \n await elementUpdated(el);\n expect(animateSpy.called).to.be.true;\n\n // Simulate closing\n header.click();\n await elementUpdated(el);\n expect(animateSpy.calledTwice).to.be.true;\n });\n});"],"names":["describe","it","async","fixture","html","_templateObject","_taggedTemplateLiteral","el","expect","to","be","instanceOf","NileAccordion","shadowRoot","not","null","summary","equal","_context2","stop","_callee","_templateObject2","open","body","querySelector","hidden","true","_context3","_callee2","_asyncToGenerator","_regeneratorRuntime","mark","_templateObject3","header","click","elementUpdated","_context4","_callee3","_templateObject4","showSpy","Sinon","spy","setTimeout","oneEvent","calledWith","_context5","_callee4","_templateObject5","hideSpy","_context6","_callee5","_templateObject6","false","_context7","_callee6","_templateObject7","enterEvent","KeyboardEvent","key","dispatchEvent","_context8","_callee7","_templateObject8","spaceEvent","_context9","_callee8","_templateObject9","arrowDownEvent","arrowUpEvent","_context10","_callee9","_templateObject10","animateSpy","called","calledTwice","_context11","_callee10"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"nile-accordian.test.cjs.js","sources":["../../../src/nile-accordion/nile-accordian.test.ts"],"sourcesContent":["import { fixture, html, expect, oneEvent, elementUpdated } from '@open-wc/testing';\nimport './nile-accordion';\nimport { NileAccordion } from './nile-accordion';\nimport Sinon from 'sinon';\n\ndescribe('NileAccordion', () => {\n it('should render correctly', async () => {\n const el = await fixture<NileAccordion>(html`<nile-accordion summary=\"Test Summary\"></nile-accordion>`);\n expect(el).to.be.instanceOf(NileAccordion);\n expect(el.shadowRoot).not.to.be.null;\n expect(el.summary).to.equal('Test Summary');\n });\n\n it('should initialize closed by default', async () => {\n const el = await fixture<NileAccordion>(html`<nile-accordion summary=\"Test Summary\"></nile-accordion>`);\n expect(el.open).to.be.false;\n const body = el.shadowRoot?.querySelector<HTMLElement>('.accordian__body');\n expect(body?.hidden).to.be.true;\n });\n\n it('should open when clicked', async () => {\n const el = await fixture<NileAccordion>(html`<nile-accordion summary=\"Test Summary\"></nile-accordion>`);\n const header = el.shadowRoot?.querySelector<HTMLElement>('.accordian__header') as HTMLElement;\n header.click();\n await elementUpdated(el);\n expect(el.open).to.be.true;\n const body = el.shadowRoot?.querySelector<HTMLElement>('.accordian__body');\n expect(body?.hidden).to.be.false;\n });\n\n it('should emit \"nile-show\" and \"nile-after-show\" when opened', async () => {\n const el = await fixture<NileAccordion>(html`<nile-accordion summary=\"Test Summary\"></nile-accordion>`);\n const showSpy = Sinon.spy(el, 'emit');\n const header = el.shadowRoot?.querySelector<HTMLElement>('.accordian__header') as HTMLElement;\n setTimeout(() => header.click());\n await oneEvent(el, 'nile-after-show');\n expect(showSpy.calledWith('nile-show')).to.be.true;\n expect(showSpy.calledWith('nile-after-show')).to.be.true;\n });\n\n it('should emit \"nile-hide\" and \"nile-after-hide\" when closed', async () => {\n const el = await fixture<NileAccordion>(html`<nile-accordion summary=\"Test Summary\" open></nile-accordion>`);\n const hideSpy = Sinon.spy(el, 'emit');\n const header = el.shadowRoot?.querySelector<HTMLElement>('.accordian__header') as HTMLElement;\n setTimeout(() => header.click());\n await oneEvent(el, 'nile-after-hide');\n expect(hideSpy.calledWith('nile-hide')).to.be.true;\n expect(hideSpy.calledWith('nile-after-hide')).to.be.true;\n });\n\n it('should be disabled when the \"disabled\" property is set', async () => {\n const el = await fixture<NileAccordion>(html`<nile-accordion summary=\"Test Summary\" disabled></nile-accordion>`);\n const header = el.shadowRoot?.querySelector<HTMLElement>('.accordian__header') as HTMLElement;\n header.click();\n await elementUpdated(el);\n expect(el.open).to.be.false;\n });\n\n it('should handle keyboard interaction (Enter and Space)', async () => {\n const el = await fixture<NileAccordion>(html`<nile-accordion summary=\"Test Summary\"></nile-accordion>`);\n const header = el.shadowRoot?.querySelector<HTMLElement>('.accordian__header') as HTMLElement;\n\n const enterEvent = new KeyboardEvent('keydown', { key: 'Enter' });\n header.dispatchEvent(enterEvent);\n await elementUpdated(el);\n expect(el.open).to.be.true;\n\n const spaceEvent = new KeyboardEvent('keydown', { key: ' ' });\n header.dispatchEvent(spaceEvent);\n await elementUpdated(el);\n expect(el.open).to.be.false;\n });\n\n it('should handle ArrowUp/ArrowLeft to close and ArrowDown/ArrowRight to open', async () => {\n const el = await fixture<NileAccordion>(html`<nile-accordion summary=\"Test Summary\"></nile-accordion>`);\n const header = el.shadowRoot?.querySelector<HTMLElement>('.accordian__header') as HTMLElement;\n\n const arrowDownEvent = new KeyboardEvent('keydown', { key: 'ArrowDown' });\n header.dispatchEvent(arrowDownEvent);\n await elementUpdated(el);\n expect(el.open).to.be.true;\n\n const arrowUpEvent = new KeyboardEvent('keydown', { key: 'ArrowUp' });\n header.dispatchEvent(arrowUpEvent);\n await elementUpdated(el);\n expect(el.open).to.be.false;\n });\n\n it('should apply the \"variant\" class based on the variant property', async () => {\n const el = await fixture<NileAccordion>(html`<nile-accordion summary=\"Test Summary\" variant=\"dark\"></nile-accordion>`);\n const header = el.shadowRoot?.querySelector<HTMLElement>('.accordian__header');\n expect(header).to.have.class('accordian__header--dark');\n });\n\n it('should apply the correct size class based on the size property', async () => {\n const el = await fixture<NileAccordion>(html`<nile-accordion summary=\"Test Summary\" size=\"lg\"></nile-accordion>`);\n const container = el.shadowRoot?.querySelector<HTMLElement>('.accordian');\n expect(container).to.have.class('accordian--lg');\n });\n\n it('should apply the correct expand icon placement class based on the expandIconPlacement property', async () => {\n const el = await fixture<NileAccordion>(html`<nile-accordion summary=\"Test Summary\" expandIconPlacement=\"left\"></nile-accordion>`);\n const header = el.shadowRoot?.querySelector<HTMLElement>('.accordian__header');\n expect(header).to.have.class('accordian__header--arrow-left');\n });\n\n it('should animate when opening and closing', async () => {\n const el = await fixture<NileAccordion>(html`<nile-accordion summary=\"Test Summary\"></nile-accordion>`);\n const animateSpy = Sinon.spy(el, 'handleOpenChange');\n const header = el.shadowRoot?.querySelector<HTMLElement>('.accordian__header') as HTMLElement;\n\n header.click();\n await elementUpdated(el);\n expect(animateSpy.called).to.be.true;\n\n header.click();\n await elementUpdated(el);\n expect(animateSpy.calledTwice).to.be.true;\n });\n});\n"],"names":["describe","it","async","fixture","html","_templateObject","_taggedTemplateLiteral","expect","el","to","be","instanceOf","NileAccordion","shadowRoot","not","null","summary","equal","_context2","stop","_callee","_templateObject2","open","body","querySelector","hidden","true","_context3","_callee2","_asyncToGenerator","_regeneratorRuntime","mark","_templateObject3","header","click","elementUpdated","_context4","_callee3","_templateObject4","showSpy","Sinon","spy","setTimeout","oneEvent","calledWith","_context5","_callee4","_templateObject5","hideSpy","_context6","_callee5","_templateObject6","_context7","_callee6","_templateObject7","enterEvent","KeyboardEvent","key","dispatchEvent","spaceEvent","_context8","_callee7","_templateObject8","arrowDownEvent","arrowUpEvent","false","_context9","_callee8","_templateObject9","have","_context10","_callee9","_templateObject10","container","_context11","_callee10","_templateObject11","_context12","_callee11","_templateObject12","animateSpy","called","calledTwice","_context13","_callee12"],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
import{f as
|
1
|
+
import{f as a,a as e,e as i,o as n}from"../fixture-8aa86bc9.esm.js";import{html as o}from"lit/static-html.js";import"lit/html.js";import"lit/directive-helpers.js";import"lit";import"lit/directives/unsafe-html.js";import{N as r}from"./nile-accordion.esm.js";import{s as t}from"../sinon-esm-cb0b9789.esm.js";import"tslib";import"./nile-accordion.css.esm.js";import"../internal/nile-element.esm.js";import"../internal/animate.esm.js";import"lit/directives/class-map.js";import"lit/decorators.js";import"../utilities/animation-registry.esm.js";import"../internal/event.esm.js";import"../internal/watch.esm.js";describe("NileAccordion",(()=>{it("should render correctly",(async()=>{const i=await a(o`<nile-accordion summary="Test Summary"></nile-accordion>`);e(i).to.be.instanceOf(r),e(i.shadowRoot).not.to.be.null,e(i.summary).to.equal("Test Summary")})),it("should initialize closed by default",(async()=>{const i=await a(o`<nile-accordion summary="Test Summary"></nile-accordion>`);e(i.open).to.be.false;const n=i.shadowRoot?.querySelector(".accordian__body");e(n?.hidden).to.be.true})),it("should open when clicked",(async()=>{const n=await a(o`<nile-accordion summary="Test Summary"></nile-accordion>`),r=n.shadowRoot?.querySelector(".accordian__header");r.click(),await i(n),e(n.open).to.be.true;const t=n.shadowRoot?.querySelector(".accordian__body");e(t?.hidden).to.be.false})),it('should emit "nile-show" and "nile-after-show" when opened',(async()=>{const i=await a(o`<nile-accordion summary="Test Summary"></nile-accordion>`),r=t.spy(i,"emit"),c=i.shadowRoot?.querySelector(".accordian__header");setTimeout((()=>c.click())),await n(i,"nile-after-show"),e(r.calledWith("nile-show")).to.be.true,e(r.calledWith("nile-after-show")).to.be.true})),it('should emit "nile-hide" and "nile-after-hide" when closed',(async()=>{const i=await a(o`<nile-accordion summary="Test Summary" open></nile-accordion>`),r=t.spy(i,"emit"),c=i.shadowRoot?.querySelector(".accordian__header");setTimeout((()=>c.click())),await n(i,"nile-after-hide"),e(r.calledWith("nile-hide")).to.be.true,e(r.calledWith("nile-after-hide")).to.be.true})),it('should be disabled when the "disabled" property is set',(async()=>{const n=await a(o`<nile-accordion summary="Test Summary" disabled></nile-accordion>`),r=n.shadowRoot?.querySelector(".accordian__header");r.click(),await i(n),e(n.open).to.be.false})),it("should handle keyboard interaction (Enter and Space)",(async()=>{const n=await a(o`<nile-accordion summary="Test Summary"></nile-accordion>`),r=n.shadowRoot?.querySelector(".accordian__header"),t=new KeyboardEvent("keydown",{key:"Enter"});r.dispatchEvent(t),await i(n),e(n.open).to.be.true;const c=new KeyboardEvent("keydown",{key:" "});r.dispatchEvent(c),await i(n),e(n.open).to.be.false})),it("should handle ArrowUp/ArrowLeft to close and ArrowDown/ArrowRight to open",(async()=>{const n=await a(o`<nile-accordion summary="Test Summary"></nile-accordion>`),r=n.shadowRoot?.querySelector(".accordian__header"),t=new KeyboardEvent("keydown",{key:"ArrowDown"});r.dispatchEvent(t),await i(n),e(n.open).to.be.true;const c=new KeyboardEvent("keydown",{key:"ArrowUp"});r.dispatchEvent(c),await i(n),e(n.open).to.be.false})),it('should apply the "variant" class based on the variant property',(async()=>{const i=await a(o`<nile-accordion summary="Test Summary" variant="dark"></nile-accordion>`),n=i.shadowRoot?.querySelector(".accordian__header");e(n).to.have.class("accordian__header--dark")})),it("should apply the correct size class based on the size property",(async()=>{const i=await a(o`<nile-accordion summary="Test Summary" size="lg"></nile-accordion>`),n=i.shadowRoot?.querySelector(".accordian");e(n).to.have.class("accordian--lg")})),it("should apply the correct expand icon placement class based on the expandIconPlacement property",(async()=>{const i=await a(o`<nile-accordion summary="Test Summary" expandIconPlacement="left"></nile-accordion>`),n=i.shadowRoot?.querySelector(".accordian__header");e(n).to.have.class("accordian__header--arrow-left")})),it("should animate when opening and closing",(async()=>{const n=await a(o`<nile-accordion summary="Test Summary"></nile-accordion>`),r=t.spy(n,"handleOpenChange"),c=n.shadowRoot?.querySelector(".accordian__header");c.click(),await i(n),e(r.called).to.be.true,c.click(),await i(n),e(r.calledTwice).to.be.true}))}));
|
@@ -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","./nile-accordion.css.cjs.js","../internal/nile-element.cjs.js","../internal/animate.cjs.js","lit/directives/class-map.js","lit/decorators.js","../utilities/animation-registry.cjs.js","../internal/event.cjs.js","../internal/watch.cjs.js"],function(_export,_context){"use strict";var i,t,s,e,a,o,r,n,l,h,d,c,m,p,f,_templateObject,y;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function _regeneratorRuntime(){return e;};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value;},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e];}try{define({},"");}catch(t){define=function define(t,e,r){return t[e]=r;};}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a;}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)};}catch(t){return{type:"throw",arg:t};}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,function(){return this;});var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach(function(e){define(t,e,function(t){return this._invoke(e,t);});});}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then(function(t){invoke("next",t,i,a);},function(t){invoke("throw",t,i,a);}):e.resolve(h).then(function(t){u.value=t,i(u);},function(t){return invoke("throw",t,i,a);});}a(c.arg);}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e(function(e,r){invoke(t,n,e,r);});}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg();}});}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0};}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u;}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg);}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done};}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg);}};}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator["return"]&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y);}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e);}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e;}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0);}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o<e.length;)if(n.call(e,o))return next.value=e[o],next.done=!1,next;return next.value=t,next.done=!0,next;};return i.next=i;}}throw new TypeError(_typeof(e)+" is not iterable");}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===GeneratorFunction||"GeneratorFunction"===(e.displayName||e.name));},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,GeneratorFunctionPrototype):(t.__proto__=GeneratorFunctionPrototype,define(t,u,"GeneratorFunction")),t.prototype=Object.create(g),t;},e.awrap=function(t){return{__await:t};},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,function(){return this;}),e.AsyncIterator=AsyncIterator,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new AsyncIterator(wrap(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then(function(t){return t.done?t.value:a.next();});},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,function(){return this;}),define(g,"toString",function(){return"[object Generator]";}),e.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function next(){for(;r.length;){var t=r.pop();if(t in e)return next.value=t,next.done=!1,next;}return next.done=!0,next;};},e.values=values,Context.prototype={constructor:Context,reset:function reset(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t);},stop:function stop(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval;},dispatchException:function dispatchException(e){if(this.done)throw e;var r=this;function handle(n,o){return a.type="throw",a.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o;}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}else if(c){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}}}},abrupt:function abrupt(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break;}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a);},complete:function complete(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y;},finish:function finish(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y;}},"catch":function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r);}return o;}}throw Error("illegal catch attempt");},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y;}},e;}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}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(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){i=_tslib.__decorate;},function(_lit){t=_lit.html;},function(_nileAccordionCssCjsJs){s=_nileAccordionCssCjsJs.s;},function(_internalNileElementCjsJs){e=_internalNileElementCjsJs.N;},function(_internalAnimateCjsJs){a=_internalAnimateCjsJs.s;o=_internalAnimateCjsJs.a;r=_internalAnimateCjsJs.b;},function(_litDirectivesClassMapJs){n=_litDirectivesClassMapJs.classMap;},function(_litDecoratorsJs){l=_litDecoratorsJs.query;h=_litDecoratorsJs.property;d=_litDecoratorsJs.customElement;},function(_utilitiesAnimationRegistryCjsJs){c=_utilitiesAnimationRegistryCjsJs.s;m=_utilitiesAnimationRegistryCjsJs.g;},function(_internalEventCjsJs){p=_internalEventCjsJs.w;},function(_internalWatchCjsJs){f=_internalWatchCjsJs.w;}],execute:function execute(){_export("N",y=/*#__PURE__*/function(_e){function y(){var _this;_classCallCheck(this,y);_this=_callSuper(this,y,arguments),_this.open=!1,_this.disabled=!1;return _this;}_inherits(y,_e);return _createClass(y,[{key:"firstUpdated",value:function firstUpdated(){this.body.hidden=!this.open,this.body.style.height=this.open?"auto":"0";}},{key:"handleSummaryClick",value:function handleSummaryClick(){this.disabled||(this.open?this.hide():this.show(),this.header.focus());}},{key:"handleSummaryKeyDown",value:function handleSummaryKeyDown(i){"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),this.open?this.hide():this.show()),"ArrowUp"!==i.key&&"ArrowLeft"!==i.key||(i.preventDefault(),this.hide()),"ArrowDown"!==i.key&&"ArrowRight"!==i.key||(i.preventDefault(),this.show());}},{key:"handleOpenChange",value:function(){var _handleOpenChange=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(){var _m,_i,_t,_m2,_i2,_t2;return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:if(!this.open){_context2.next=13;break;}if(!this.emit("nile-show",{cancelable:!0}).defaultPrevented){_context2.next=3;break;}return _context2.abrupt("return",void(this.open=!1));case 3:_context2.next=5;return a(this.body);case 5:this.body.hidden=!1;_m=m(this,"details.show",{dir:"ltr"}),_i=_m.keyframes,_t=_m.options;_context2.next=9;return o(this.body,r(_i,this.body.scrollHeight),_t);case 9:this.body.style.height="auto";this.emit("nile-after-show");_context2.next=23;break;case 13:if(!this.emit("nile-hide",{cancelable:!0}).defaultPrevented){_context2.next=15;break;}return _context2.abrupt("return",void(this.open=!0));case 15:_context2.next=17;return a(this.body);case 17:_m2=m(this,"details.hide",{dir:"ltr"}),_i2=_m2.keyframes,_t2=_m2.options;_context2.next=20;return o(this.body,r(_i2,this.body.scrollHeight),_t2);case 20:this.body.hidden=!0;this.body.style.height="auto";this.emit("nile-after-hide");case 23:case"end":return _context2.stop();}},_callee,this);}));function handleOpenChange(){return _handleOpenChange.apply(this,arguments);}return handleOpenChange;}()},{key:"show",value:function(){var _show=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(){return _regeneratorRuntime().wrap(function _callee2$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:if(!(!this.open&&!this.disabled)){_context3.next=2;break;}return _context3.abrupt("return",(this.open=!0,p(this,"nile-after-show")));case 2:case"end":return _context3.stop();}},_callee2,this);}));function show(){return _show.apply(this,arguments);}return show;}()},{key:"hide",value:function(){var _hide=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(){return _regeneratorRuntime().wrap(function _callee3$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:if(!(this.open&&!this.disabled)){_context4.next=2;break;}return _context4.abrupt("return",(this.open=!1,p(this,"nile-after-hide")));case 2:case"end":return _context4.stop();}},_callee3,this);}));function hide(){return _hide.apply(this,arguments);}return hide;}()},{key:"render",value:function render(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <div\n part=\"base\"\n class=","\n >\n <div\n part=\"header\"\n id=\"header\"\n class=\"details__header\"\n role=\"button\"\n aria-expanded=","\n aria-controls=\"content\"\n aria-disabled=","\n tabindex=","\n @click=","\n @keydown=","\n >\n <slot name=\"summary\" part=\"summary\" class=\"details__summary\">","</slot>\n\n <span part=\"summary-icon\" class=\"details__summary-icon\">\n <slot name=\"expand-icon\">\n <nile-icon name=\"arrowright\"></nile-icon>\n </slot>\n <slot name=\"collapse-icon\">\n <nile-icon name=\"arrowright\"></nile-icon>\n </slot>\n </span>\n </div>\n\n <div class=\"details__body\" role=\"region\" aria-labelledby=\"header\">\n <slot part=\"content\" id=\"content\" class=\"details__content\"></slot>\n </div>\n </div>\n "])),n({details:!0,"details--open":this.open,"details--disabled":this.disabled,"details--rtl":!1}),this.open?"true":"false",this.disabled?"true":"false",this.disabled?"-1":"0",this.handleSummaryClick,this.handleSummaryKeyDown,this.summary);}}]);}(e));y.styles=s,i([l(".details")],y.prototype,"details",void 0),i([l(".details__header")],y.prototype,"header",void 0),i([l(".details__body")],y.prototype,"body",void 0),i([l(".details__expand-icon-slot")],y.prototype,"expandIconSlot",void 0),i([h({type:Boolean,reflect:!0})],y.prototype,"open",void 0),i([h()],y.prototype,"summary",void 0),i([h({type:Boolean,reflect:!0})],y.prototype,"disabled",void 0),i([f("open",{waitUntilFirstUpdate:!0})],y.prototype,"handleOpenChange",null),_export("N",y=i([d("nile-accordion")],y)),c("details.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:250,easing:"linear"}}),c("details.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:250,easing:"linear"}});}};});
|
1
|
+
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","./nile-accordion.css.cjs.js","../internal/nile-element.cjs.js","../internal/animate.cjs.js","lit/directives/class-map.js","lit/decorators.js","../utilities/animation-registry.cjs.js","../internal/event.cjs.js","../internal/watch.cjs.js"],function(_export,_context){"use strict";var i,a,t,s,e,r,o,n,c,h,d,l,m,p,f,_templateObject,y;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function _regeneratorRuntime(){return e;};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value;},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e];}try{define({},"");}catch(t){define=function define(t,e,r){return t[e]=r;};}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a;}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)};}catch(t){return{type:"throw",arg:t};}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,function(){return this;});var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach(function(e){define(t,e,function(t){return this._invoke(e,t);});});}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then(function(t){invoke("next",t,i,a);},function(t){invoke("throw",t,i,a);}):e.resolve(h).then(function(t){u.value=t,i(u);},function(t){return invoke("throw",t,i,a);});}a(c.arg);}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e(function(e,r){invoke(t,n,e,r);});}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg();}});}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0};}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u;}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg);}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done};}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg);}};}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator["return"]&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y);}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e);}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e;}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0);}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o<e.length;)if(n.call(e,o))return next.value=e[o],next.done=!1,next;return next.value=t,next.done=!0,next;};return i.next=i;}}throw new TypeError(_typeof(e)+" is not iterable");}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===GeneratorFunction||"GeneratorFunction"===(e.displayName||e.name));},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,GeneratorFunctionPrototype):(t.__proto__=GeneratorFunctionPrototype,define(t,u,"GeneratorFunction")),t.prototype=Object.create(g),t;},e.awrap=function(t){return{__await:t};},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,function(){return this;}),e.AsyncIterator=AsyncIterator,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new AsyncIterator(wrap(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then(function(t){return t.done?t.value:a.next();});},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,function(){return this;}),define(g,"toString",function(){return"[object Generator]";}),e.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function next(){for(;r.length;){var t=r.pop();if(t in e)return next.value=t,next.done=!1,next;}return next.done=!0,next;};},e.values=values,Context.prototype={constructor:Context,reset:function reset(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t);},stop:function stop(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval;},dispatchException:function dispatchException(e){if(this.done)throw e;var r=this;function handle(n,o){return a.type="throw",a.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o;}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}else if(c){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}}}},abrupt:function abrupt(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break;}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a);},complete:function complete(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y;},finish:function finish(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y;}},"catch":function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r);}return o;}}throw Error("illegal catch attempt");},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y;}},e;}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}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(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){i=_tslib.__decorate;},function(_lit){a=_lit.html;},function(_nileAccordionCssCjsJs){t=_nileAccordionCssCjsJs.s;},function(_internalNileElementCjsJs){s=_internalNileElementCjsJs.N;},function(_internalAnimateCjsJs){e=_internalAnimateCjsJs.s;r=_internalAnimateCjsJs.a;o=_internalAnimateCjsJs.b;},function(_litDirectivesClassMapJs){n=_litDirectivesClassMapJs.classMap;},function(_litDecoratorsJs){c=_litDecoratorsJs.query;h=_litDecoratorsJs.property;d=_litDecoratorsJs.customElement;},function(_utilitiesAnimationRegistryCjsJs){l=_utilitiesAnimationRegistryCjsJs.s;m=_utilitiesAnimationRegistryCjsJs.g;},function(_internalEventCjsJs){p=_internalEventCjsJs.w;},function(_internalWatchCjsJs){f=_internalWatchCjsJs.w;}],execute:function execute(){_export("N",y=/*#__PURE__*/function(_s){function y(){var _this;_classCallCheck(this,y);_this=_callSuper(this,y,arguments),_this.open=!1,_this.variant="light",_this.expandIconPlacement="right",_this.size="md",_this.disabled=!1;return _this;}_inherits(y,_s);return _createClass(y,[{key:"firstUpdated",value:function firstUpdated(){this.body.hidden=!this.open,this.body.style.height=this.open?"auto":"0";}},{key:"handleSummaryClick",value:function handleSummaryClick(){this.disabled||(this.open?this.hide():this.show(),this.header.focus());}},{key:"handleSummaryKeyDown",value:function handleSummaryKeyDown(i){"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),this.open?this.hide():this.show()),"ArrowUp"!==i.key&&"ArrowLeft"!==i.key||(i.preventDefault(),this.hide()),"ArrowDown"!==i.key&&"ArrowRight"!==i.key||(i.preventDefault(),this.show());}},{key:"handleOpenChange",value:function(){var _handleOpenChange=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(){var _m,_i,_a,_m2,_i2,_a2;return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:if(!this.open){_context2.next=13;break;}if(!this.emit("nile-show",{cancelable:!0}).defaultPrevented){_context2.next=3;break;}return _context2.abrupt("return",void(this.open=!1));case 3:_context2.next=5;return e(this.body);case 5:this.body.hidden=!1;_m=m(this,"accordian.show",{dir:"ltr"}),_i=_m.keyframes,_a=_m.options;_context2.next=9;return r(this.body,o(_i,this.body.scrollHeight),_a);case 9:this.body.style.height="auto";this.emit("nile-after-show");_context2.next=23;break;case 13:if(!this.emit("nile-hide",{cancelable:!0}).defaultPrevented){_context2.next=15;break;}return _context2.abrupt("return",void(this.open=!0));case 15:_context2.next=17;return e(this.body);case 17:_m2=m(this,"accordian.hide",{dir:"ltr"}),_i2=_m2.keyframes,_a2=_m2.options;_context2.next=20;return r(this.body,o(_i2,this.body.scrollHeight),_a2);case 20:this.body.hidden=!0;this.body.style.height="auto";this.emit("nile-after-hide");case 23:case"end":return _context2.stop();}},_callee,this);}));function handleOpenChange(){return _handleOpenChange.apply(this,arguments);}return handleOpenChange;}()},{key:"show",value:function(){var _show=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(){return _regeneratorRuntime().wrap(function _callee2$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:if(!(!this.open&&!this.disabled)){_context3.next=2;break;}return _context3.abrupt("return",(this.open=!0,p(this,"nile-after-show")));case 2:case"end":return _context3.stop();}},_callee2,this);}));function show(){return _show.apply(this,arguments);}return show;}()},{key:"hide",value:function(){var _hide=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(){return _regeneratorRuntime().wrap(function _callee3$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:if(!(this.open&&!this.disabled)){_context4.next=2;break;}return _context4.abrupt("return",(this.open=!1,p(this,"nile-after-hide")));case 2:case"end":return _context4.stop();}},_callee3,this);}));function hide(){return _hide.apply(this,arguments);}return hide;}()},{key:"render",value:function render(){return a(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <div\n part=\"base\"\n class=","\n >\n <div\n part=\"header\"\n id=\"header\"\n class=\"","\"\n role=\"button\"\n aria-expanded=","\n aria-controls=\"content\"\n aria-disabled=","\n tabindex=","\n @click=","\n @keydown=","\n >\n <slot name=\"summary\" part=\"summary\" class=\"accordian__summary\">","</slot>\n\n <span part=\"summary-icon\" class=\"accordian__summary-icon\">\n <slot name=\"expand-icon\">\n <nile-icon name=\"arrowright\"></nile-icon>\n </slot>\n <slot name=\"collapse-icon\">\n <nile-icon name=\"arrowright\"></nile-icon>\n </slot>\n </span>\n </div>\n\n <div class=\"accordian__body\" role=\"region\" aria-labelledby=\"header\">\n <slot part=\"content\" id=\"content\" \n class=\"","\"></slot>\n </div>\n </div>\n "])),n({accordian:!0,"accordian--open":this.open,"accordian--disabled":this.disabled,"accordian--sm":"sm"==this.size,"accordian--md":"md"==this.size,"accordian--lg":"lg"==this.size}),n({accordian__header:!0,"accordian__header--dark":"dark"==this.variant,"accordian__header--arrow-left":"left"==this.expandIconPlacement}),this.open?"true":"false",this.disabled?"true":"false",this.disabled?"-1":"0",this.handleSummaryClick,this.handleSummaryKeyDown,this.summary,n({accordian__content:!0,"accordian__content--arrow-left":"left"==this.expandIconPlacement}));}}]);}(s));y.styles=t,i([c(".accordian")],y.prototype,"accordian",void 0),i([c(".accordian__header")],y.prototype,"header",void 0),i([c(".accordian__body")],y.prototype,"body",void 0),i([c(".accordian__expand-icon-slot")],y.prototype,"expandIconSlot",void 0),i([h({type:Boolean,reflect:!0})],y.prototype,"open",void 0),i([h({reflect:!0})],y.prototype,"variant",void 0),i([h({reflect:!0})],y.prototype,"expandIconPlacement",void 0),i([h({reflect:!0})],y.prototype,"size",void 0),i([h()],y.prototype,"summary",void 0),i([h({type:Boolean,reflect:!0})],y.prototype,"disabled",void 0),i([f("open",{waitUntilFirstUpdate:!0})],y.prototype,"handleOpenChange",null),_export("N",y=i([d("nile-accordion")],y)),l("accordian.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:250,easing:"linear"}}),l("accordian.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:250,easing:"linear"}});}};});
|
2
2
|
//# sourceMappingURL=nile-accordion.cjs.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nile-accordion.cjs.js","sources":["../../../src/nile-accordion/nile-accordion.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} from 'lit';\nimport {styles} from './nile-accordion.css';\nimport NileElement from '../internal/nile-element';\nimport { animateTo, shimKeyframesHeightAuto, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { getAnimation, setDefaultAnimation } from '../utilities/animation-registry';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * Nile detail component.\n *\n * @tag nile-accordion\n *\n */\n@customElement('nile-accordion')\nexport class NileAccordion extends NileElement {\n\n/**\n * @summary Details show a brief summary and expand to show additional content.\n *\n * @dependency nile-icon\n *\n * @slot - The details' main content.\n * @slot summary - The details' summary. Alternatively, you can use the `summary` attribute.\n * @slot expand-icon - Optional expand icon to use instead of the default. Works best with `<nile-icon>`.\n * @slot collapse-icon - Optional collapse icon to use instead of the default. Works best with `<nile-icon>`.\n *\n * @event nile-show - Emitted when the details opens.\n * @event nile-after-show - Emitted after the details opens and all animations are complete.\n * @event nile-hide - Emitted when the details closes.\n * @event nile-after-hide - Emitted after the details closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart header - The header that wraps both the summary and the expand/collapse icon.\n * @csspart summary - The container that wraps the summary.\n * @csspart summary-icon - The container that wraps the expand/collapse icons.\n * @csspart content - The details content.\n *\n * @animation details.show - The animation to use when showing details. You can use `height: auto` with this animation.\n * @animation details.hide - The animation to use when hiding details. You can use `height: auto` with this animation.\n */\n\nstatic styles: CSSResultGroup = styles;\n\n\n@query('.details') details: HTMLElement;\n@query('.details__header') header: HTMLElement;\n@query('.details__body') body: HTMLElement;\n@query('.details__expand-icon-slot') expandIconSlot: HTMLSlotElement;\n\n/**\n * Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\n * can use the `show()` and `hide()` methods and this attribute will reflect the details' open state.\n */\n@property({ type: Boolean, reflect: true }) open = false;\n\n/** The summary to show in the header. If you need to display HTML, use the `summary` slot instead. */\n@property() summary: string;\n\n/** Disables the details so it can't be toggled. */\n@property({ type: Boolean, reflect: true }) disabled = false;\n\nfirstUpdated() {\n this.body.hidden = !this.open;\n this.body.style.height = this.open ? 'auto' : '0';\n}\n\nprivate handleSummaryClick() {\n if (!this.disabled) {\n if (this.open) {\n this.hide();\n } else {\n this.show();\n }\n\n this.header.focus();\n }\n}\n\nprivate handleSummaryKeyDown(event: KeyboardEvent) {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n\n if (this.open) {\n this.hide();\n } else {\n this.show();\n }\n }\n\n if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {\n event.preventDefault();\n this.hide();\n }\n\n if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {\n event.preventDefault();\n this.show();\n }\n}\n\n@watch('open', { waitUntilFirstUpdate: true })\nasync handleOpenChange() {\n if (this.open) {\n // Show\n const nileShow = this.emit('nile-show', { cancelable: true });\n if (nileShow.defaultPrevented) {\n this.open = false;\n return;\n }\n\n await stopAnimations(this.body);\n this.body.hidden = false;\n\n const { keyframes, options } = getAnimation(this, 'details.show', { dir: 'ltr' });\n await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);\n this.body.style.height = 'auto';\n\n this.emit('nile-after-show');\n } else {\n // Hide\n const nileHide = this.emit('nile-hide', { cancelable: true });\n if (nileHide.defaultPrevented) {\n this.open = true;\n return;\n }\n\n await stopAnimations(this.body);\n\n const { keyframes, options } = getAnimation(this, 'details.hide', { dir: 'ltr' });\n await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);\n this.body.hidden = true;\n this.body.style.height = 'auto';\n\n this.emit('nile-after-hide');\n }\n}\n\n/** Shows the details. */\nasync show() {\n if (this.open || this.disabled) {\n return undefined;\n }\n\n this.open = true;\n return waitForEvent(this, 'nile-after-show');\n}\n\n/** Hides the details */\nasync hide() {\n if (!this.open || this.disabled) {\n return undefined;\n }\n\n this.open = false;\n return waitForEvent(this, 'nile-after-hide');\n}\n\nrender() {\n const isRtl = false;\n\n return html`\n <div\n part=\"base\"\n class=${classMap({\n details: true,\n 'details--open': this.open,\n 'details--disabled': this.disabled,\n 'details--rtl': isRtl\n })}\n >\n <div\n part=\"header\"\n id=\"header\"\n class=\"details__header\"\n role=\"button\"\n aria-expanded=${this.open ? 'true' : 'false'}\n aria-controls=\"content\"\n aria-disabled=${this.disabled ? 'true' : 'false'}\n tabindex=${this.disabled ? '-1' : '0'}\n @click=${this.handleSummaryClick}\n @keydown=${this.handleSummaryKeyDown}\n >\n <slot name=\"summary\" part=\"summary\" class=\"details__summary\">${this.summary}</slot>\n\n <span part=\"summary-icon\" class=\"details__summary-icon\">\n <slot name=\"expand-icon\">\n <nile-icon name=\"arrowright\"></nile-icon>\n </slot>\n <slot name=\"collapse-icon\">\n <nile-icon name=\"arrowright\"></nile-icon>\n </slot>\n </span>\n </div>\n\n <div class=\"details__body\" role=\"region\" aria-labelledby=\"header\">\n <slot part=\"content\" id=\"content\" class=\"details__content\"></slot>\n </div>\n </div>\n `;\n}\n}\n\nsetDefaultAnimation('details.show', {\nkeyframes: [\n { height: '0', opacity: '0' },\n { height: 'auto', opacity: '1' }\n],\noptions: { duration: 250, easing: 'linear' }\n});\n\nsetDefaultAnimation('details.hide', {\nkeyframes: [\n { height: 'auto', opacity: '1' },\n { height: '0', opacity: '0' }\n],\noptions: { duration: 250, easing: 'linear' }\n});\n\nexport default NileAccordion;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-accordion': NileAccordion;\n }\n}\n"],"names":["NileAccordion","_e","y","this","open","disabled","_this","_inherits","_createClass","key","value","firstUpdated","body","hidden","style","height","handleSummaryClick","hide","show","header","focus","handleSummaryKeyDown","event","preventDefault","_handleOpenChange","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_m","_i","_t","_m2","_i2","_t2","wrap","_callee$","_context2","prev","next","emit","cancelable","defaultPrevented","abrupt","stopAnimations","getAnimation","dir","keyframes","options","animateTo","shimKeyframesHeightAuto","scrollHeight","stop","handleOpenChange","apply","arguments","_show","_callee2","_callee2$","_context3","waitForEvent","_hide","_callee3","_callee3$","_context4","render","html","_templateObject","_taggedTemplateLiteral","classMap","details","summary","NileElement","styles","__decorate","query","prototype","property","type","Boolean","reflect","watch","waitUntilFirstUpdate","customElement","setDefaultAnimation","opacity","duration","easing"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"nile-accordion.cjs.js","sources":["../../../src/nile-accordion/nile-accordion.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} from 'lit';\nimport {styles} from './nile-accordion.css';\nimport NileElement from '../internal/nile-element';\nimport { animateTo, shimKeyframesHeightAuto, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { getAnimation, setDefaultAnimation } from '../utilities/animation-registry';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * Nile detail component.\n *\n * @tag nile-accordion\n *\n */\n@customElement('nile-accordion')\nexport class NileAccordion extends NileElement {\n\n/**\n * @summary Accordian show a brief summary and expand to show additional content.\n *\n * @dependency nile-icon\n *\n * @slot - The accordian' main content.\n * @slot summary - The accordian' summary. Alternatively, you can use the `summary` attribute.\n * @slot expand-icon - Optional expand icon to use instead of the default. Works best with `<nile-icon>`.\n * @slot collapse-icon - Optional collapse icon to use instead of the default. Works best with `<nile-icon>`.\n *\n * @event nile-show - Emitted when the accordian opens.\n * @event nile-after-show - Emitted after the accordian opens and all animations are complete.\n * @event nile-hide - Emitted when the accordian closes.\n * @event nile-after-hide - Emitted after the accordian closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart header - The header that wraps both the summary and the expand/collapse icon.\n * @csspart summary - The container that wraps the summary.\n * @csspart summary-icon - The container that wraps the expand/collapse icons.\n * @csspart content - The accordian content.\n *\n * @animation accordian.show - The animation to use when showing accordian. You can use `height: auto` with this animation.\n * @animation accordian.hide - The animation to use when hiding accordian. You can use `height: auto` with this animation.\n */\n\nstatic styles: CSSResultGroup = styles;\n\n\n@query('.accordian') accordian: HTMLElement;\n@query('.accordian__header') header: HTMLElement;\n@query('.accordian__body') body: HTMLElement;\n@query('.accordian__expand-icon-slot') expandIconSlot: HTMLSlotElement;\n\n/**\n * Indicates whether or not the accordian is open. You can toggle this attribute to show and hide the accordian, or you\n * can use the `show()` and `hide()` methods and this attribute will reflect the accordian' open state.\n */\n@property({ type: Boolean, reflect: true }) open = false;\n\n/**\n * Indicates the visual style of the accordian component. Accepted values are `'dark'` or `'light'`.\n * Defaults to `'light'`.\n */\n@property({ reflect: true }) variant: 'dark' | 'light' = 'light';\n\n/**\n * Specifies the direction of the arrow indicator. Accepted values are `'left'` or `'right'`.\n * Defaults to `'right'`.\n */\n@property({ reflect: true }) expandIconPlacement: 'left' | 'right' = 'right';\n\n/**\n * Specifies the size of the accordian component. Accepted values are `'sm'`, `'md'`, or `'lg'`.\n * Defaults to `'md'`.\n */\n@property({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n\n/** The summary to show in the header. If you need to display HTML, use the `summary` slot instead. */\n@property() summary: string;\n\n/** Disables the accordian so it can't be toggled. */\n@property({ type: Boolean, reflect: true }) disabled = false;\n\nfirstUpdated() {\n this.body.hidden = !this.open;\n this.body.style.height = this.open ? 'auto' : '0';\n}\n\nprivate handleSummaryClick() {\n if (!this.disabled) {\n if (this.open) {\n this.hide();\n } else {\n this.show();\n }\n\n this.header.focus();\n }\n}\n\nprivate handleSummaryKeyDown(event: KeyboardEvent) {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n\n if (this.open) {\n this.hide();\n } else {\n this.show();\n }\n }\n\n if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {\n event.preventDefault();\n this.hide();\n }\n\n if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {\n event.preventDefault();\n this.show();\n }\n}\n\n@watch('open', { waitUntilFirstUpdate: true })\nasync handleOpenChange() {\n if (this.open) {\n // Show\n const nileShow = this.emit('nile-show', { cancelable: true });\n if (nileShow.defaultPrevented) {\n this.open = false;\n return;\n }\n\n await stopAnimations(this.body);\n this.body.hidden = false;\n\n const { keyframes, options } = getAnimation(this, 'accordian.show', { dir: 'ltr' });\n await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);\n this.body.style.height = 'auto';\n\n this.emit('nile-after-show');\n } else {\n // Hide\n const nileHide = this.emit('nile-hide', { cancelable: true });\n if (nileHide.defaultPrevented) {\n this.open = true;\n return;\n }\n\n await stopAnimations(this.body);\n\n const { keyframes, options } = getAnimation(this, 'accordian.hide', { dir: 'ltr' });\n await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);\n this.body.hidden = true;\n this.body.style.height = 'auto';\n\n this.emit('nile-after-hide');\n }\n}\n\n/** Shows the accordian. */\nasync show() {\n if (this.open || this.disabled) {\n return undefined;\n }\n\n this.open = true;\n return waitForEvent(this, 'nile-after-show');\n}\n\n/** Hides the accordian */\nasync hide() {\n if (!this.open || this.disabled) {\n return undefined;\n }\n\n this.open = false;\n return waitForEvent(this, 'nile-after-hide');\n}\n\nrender() {\n const isRtl = true;\n\n return html`\n <div\n part=\"base\"\n class=${classMap({\n accordian: true,\n 'accordian--open': this.open,\n 'accordian--disabled': this.disabled,\n 'accordian--sm':this.size=='sm',\n 'accordian--md':this.size=='md',\n 'accordian--lg':this.size=='lg',\n })}\n >\n <div\n part=\"header\"\n id=\"header\"\n class=\"${classMap({\n 'accordian__header':true,\n 'accordian__header--dark':this.variant=='dark',\n 'accordian__header--arrow-left':'left'==this.expandIconPlacement\n })}\"\n role=\"button\"\n aria-expanded=${this.open ? 'true' : 'false'}\n aria-controls=\"content\"\n aria-disabled=${this.disabled ? 'true' : 'false'}\n tabindex=${this.disabled ? '-1' : '0'}\n @click=${this.handleSummaryClick}\n @keydown=${this.handleSummaryKeyDown}\n >\n <slot name=\"summary\" part=\"summary\" class=\"accordian__summary\">${this.summary}</slot>\n\n <span part=\"summary-icon\" class=\"accordian__summary-icon\">\n <slot name=\"expand-icon\">\n <nile-icon name=\"arrowright\"></nile-icon>\n </slot>\n <slot name=\"collapse-icon\">\n <nile-icon name=\"arrowright\"></nile-icon>\n </slot>\n </span>\n </div>\n\n <div class=\"accordian__body\" role=\"region\" aria-labelledby=\"header\">\n <slot part=\"content\" id=\"content\" \n class=\"${classMap({\n 'accordian__content':true,\n 'accordian__content--arrow-left':this.expandIconPlacement=='left'\n })}\"></slot>\n </div>\n </div>\n `;\n}\n}\n\nsetDefaultAnimation('accordian.show', {\nkeyframes: [\n { height: '0', opacity: '0' },\n { height: 'auto', opacity: '1' }\n],\noptions: { duration: 250, easing: 'linear' }\n});\n\nsetDefaultAnimation('accordian.hide', {\nkeyframes: [\n { height: 'auto', opacity: '1' },\n { height: '0', opacity: '0' }\n],\noptions: { duration: 250, easing: 'linear' }\n});\n\nexport default NileAccordion;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-accordion': NileAccordion;\n }\n}\n"],"names":["NileAccordion","y","constructor","this","open","variant","expandIconPlacement","size","disabled","_this","_inherits","_s","_createClass","key","value","firstUpdated","body","hidden","style","height","handleSummaryClick","hide","show","header","focus","handleSummaryKeyDown","event","preventDefault","_handleOpenChange","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_m","_i","_a","_m2","_i2","_a2","wrap","_callee$","_context2","prev","next","emit","cancelable","defaultPrevented","stopAnimations","getAnimation","dir","keyframes","options","animateTo","shimKeyframesHeightAuto","scrollHeight","abrupt","stop","handleOpenChange","apply","arguments","_show","_callee2","_callee2$","_context3","waitForEvent","_hide","_callee3","_callee3$","_context4","render","html","_templateObject","_taggedTemplateLiteral","classMap","accordian","accordian__header","summary","accordian__content","NileElement","styles","__decorate","query","prototype","property","type","Boolean","reflect","watch","waitUntilFirstUpdate","customElement","setDefaultAnimation","opacity","duration","easing"],"mappings":"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"}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
System.register(["lit"],function(_export,_context){"use strict";var
|
1
|
+
System.register(["lit"],function(_export,_context){"use strict";var a,_templateObject,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){a=_lit.css;}],execute:function execute(){_export("s",o=a(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n :host {\n box-sizing: border-box;\n }\n\n :host *,\n :host *::before,\n :host *::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n :host {\n display: block;\n }\n\n .accordian {\n border-top:solid 1px var(--nile-colors-neutral-500);\n background-color: #FFFFFF;\n overflow-anchor: none;\n }\n\n .accordian--lg{\n --accordian-text-size:var(--sm-tesx, 14px);\n --accordian-heading-padding: 16px 12px;\n --accordian-content-padding: 6px 12px 18px;\n }\n\n .accordian--md{\n --accordian-text-size:var(--sm-tesx, 14px);\n --accordian-heading-padding: 12px 12px;\n --accordian-content-padding: 6px 12px 18px;\n }\n\n .accordian--sm{\n --accordian-text-size:var(--sm-tesx, 12px);\n --accordian-heading-padding: 6px 12px;\n --accordian-content-padding: 6px 12px 12px;\n }\n \n .accordian {\n font-size: var(--accordian-text-size);\n }\n\n .accordian--disabled {\n opacity: 0.5;\n }\n\n .accordian__header {\n display: flex;\n gap:12px;\n align-items: center;\n border-radius: inherit;\n font-weight:500;\n padding: var(--accordian-heading-padding);\n user-select: none;\n cursor: pointer;\n }\n\n .accordian__header--dark{\n background-color:var(--nile-colors-dark-200);\n }\n\n .accordian__header--arrow-left{\n flex-direction: row-reverse;\n }\n\n .accordian__header:focus {\n outline: none;\n }\n\n .accordian__header:focus-visible {\n outline: solid 3px hsl(200.4, 98%, 39.4%);\n outline-offset: calc(1px + 1px);\n }\n\n .accordian--disabled .accordian__header {\n cursor: not-allowed;\n }\n\n .accordian--disabled .accordian__header:focus-visible {\n outline: none;\n box-shadow: none;\n }\n\n .accordian__summary {\n flex: 1 1 auto;\n display: flex;\n align-items: center;\n }\n\n .accordian__summary-icon {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n transition: 250ms rotate ease;\n }\n\n .accordian--open .accordian__summary-icon {\n rotate: 90deg;\n }\n\n .accordian--open slot[name='expand-icon'],\n .accordian:not(.accordian--open) slot[name='collapse-icon'] {\n display: none;\n }\n\n .accordian__body {\n overflow: hidden;\n }\n\n .accordian__content {\n display: block;\n padding: var(--accordian-content-padding);\n }\n\n .accordian__content--arrow-left{\n margin-left:28px;\n }\n"]))));}};});
|
2
2
|
//# sourceMappingURL=nile-accordion.css.cjs.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nile-accordion.css.cjs.js","sources":["../../../src/nile-accordion/nile-accordion.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 * Detail CSS\n */\nexport const styles = css`\n\n :host {\n box-sizing: border-box;\n }\n\n :host *,\n :host *::before,\n :host *::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n :host {\n display: block;\n }\n\n .
|
1
|
+
{"version":3,"file":"nile-accordion.css.cjs.js","sources":["../../../src/nile-accordion/nile-accordion.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 * Detail CSS\n */\nexport const styles = css`\n\n :host {\n box-sizing: border-box;\n }\n\n :host *,\n :host *::before,\n :host *::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n :host {\n display: block;\n }\n\n .accordian {\n border-top:solid 1px var(--nile-colors-neutral-500);\n background-color: #FFFFFF;\n overflow-anchor: none;\n }\n\n .accordian--lg{\n --accordian-text-size:var(--sm-tesx, 14px);\n --accordian-heading-padding: 16px 12px;\n --accordian-content-padding: 6px 12px 18px;\n }\n\n .accordian--md{\n --accordian-text-size:var(--sm-tesx, 14px);\n --accordian-heading-padding: 12px 12px;\n --accordian-content-padding: 6px 12px 18px;\n }\n\n .accordian--sm{\n --accordian-text-size:var(--sm-tesx, 12px);\n --accordian-heading-padding: 6px 12px;\n --accordian-content-padding: 6px 12px 12px;\n }\n \n .accordian {\n font-size: var(--accordian-text-size);\n }\n\n .accordian--disabled {\n opacity: 0.5;\n }\n\n .accordian__header {\n display: flex;\n gap:12px;\n align-items: center;\n border-radius: inherit;\n font-weight:500;\n padding: var(--accordian-heading-padding);\n user-select: none;\n cursor: pointer;\n }\n\n .accordian__header--dark{\n background-color:var(--nile-colors-dark-200);\n }\n\n .accordian__header--arrow-left{\n flex-direction: row-reverse;\n }\n\n .accordian__header:focus {\n outline: none;\n }\n\n .accordian__header:focus-visible {\n outline: solid 3px hsl(200.4, 98%, 39.4%);\n outline-offset: calc(1px + 1px);\n }\n\n .accordian--disabled .accordian__header {\n cursor: not-allowed;\n }\n\n .accordian--disabled .accordian__header:focus-visible {\n outline: none;\n box-shadow: none;\n }\n\n .accordian__summary {\n flex: 1 1 auto;\n display: flex;\n align-items: center;\n }\n\n .accordian__summary-icon {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n transition: 250ms rotate ease;\n }\n\n .accordian--open .accordian__summary-icon {\n rotate: 90deg;\n }\n\n .accordian--open slot[name='expand-icon'],\n .accordian:not(.accordian--open) slot[name='collapse-icon'] {\n display: none;\n }\n\n .accordian__body {\n overflow: hidden;\n }\n\n .accordian__content {\n display: block;\n padding: var(--accordian-content-padding);\n }\n\n .accordian__content--arrow-left{\n margin-left:28px;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"iVAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|