@appartmint/tsm-mint 1.0.2 → 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../util/window.cjs.js"),t=require("../../util/selectors.cjs.js"),n=require("../../types/time.cjs.js"),r=require("../../util/event.cjs.js"),i=require("../../types/side.cjs.js"),a=require("../../types/breakpoints.cjs.js"),o=require("../../abstract/attaches-events.cjs.js");var s=class extends o.AttachesEvents{settings={title:`panel`,from:i.sides[0],fixed:!0};el={};constructor(e){if(super(),this.settings={...this.settings,...e},!this.settings.id||!this.settings.wrapperId)throw Error(`Panel ID and wrapper ID are required`);this.attachElements(),this.attachEvents(),this.addClasses(),requestAnimationFrame(()=>{this.setPanel()})}attachElements(){this.el.html=document.querySelector(`html`),this.el.main=document.querySelector(`main`),this.el.panel=document.getElementById(this.settings.id),this.el.wrapper=document.getElementById(this.settings.wrapperId),this.el.toggleButton=this.el.panel?.querySelector(t.controls(this.settings.wrapperId))??null}attachEvents(){this.attachEvent(window,`resize`,r.throttleEvent(this.eHandleResize.bind(this),n.delay.default)),this.attachEvent(this.el.main,`click`,r.throttleEvent(this.eClose.bind(this),n.delay.default,{trailing:!1})),this.attachEvent(this.el.wrapper,`transitionend`,this.eTransitionEnd.bind(this)),t.getFocusables(this.el.panel).forEach(e=>{this.attachEvent(e,`keydown`,r.throttleEvent(this.eWrapTab.bind(this)))});let e=this.settings.wrapperId;typeof e==`string`&&(this.el.panel?.querySelectorAll(t.controls(e)))?.forEach(e=>{this.attachEvent(e,`click`,r.throttleEvent(this.eToggle.bind(this),n.delay.slower,{trailing:!1}))})}addClasses(){this.el.panel?.classList.add(`mint-panel`),this.el.wrapper?.classList.add(`mint-panel-
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../util/window.cjs.js"),t=require("../../util/selectors.cjs.js"),n=require("../../types/time.cjs.js"),r=require("../../util/event.cjs.js"),i=require("../../types/side.cjs.js"),a=require("../../types/breakpoints.cjs.js"),o=require("../../abstract/attaches-events.cjs.js");var s=class extends o.AttachesEvents{settings={title:`panel`,from:i.sides[0],fixed:!0};el={};constructor(e){if(super(),this.settings={...this.settings,...e},!this.settings.id||!this.settings.wrapperId)throw Error(`Panel ID and wrapper ID are required`);this.attachElements(),this.attachEvents(),this.addClasses(),requestAnimationFrame(()=>{this.setPanel()})}attachElements(){this.el.html=document.querySelector(`html`),this.el.main=document.querySelector(`main`),this.el.panel=document.getElementById(this.settings.id),this.el.wrapper=document.getElementById(this.settings.wrapperId),this.el.toggleButton=this.el.panel?.querySelector(t.controls(this.settings.wrapperId))??null}attachEvents(){this.attachEvent(window,`resize`,r.throttleEvent(this.eHandleResize.bind(this),n.delay.default)),this.attachEvent(this.el.main,`click`,r.throttleEvent(this.eClose.bind(this),n.delay.default,{trailing:!1})),this.attachEvent(this.el.wrapper,`transitionend`,this.eTransitionEnd.bind(this)),t.getFocusables(this.el.panel).forEach(e=>{this.attachEvent(e,`keydown`,r.throttleEvent(this.eWrapTab.bind(this)))});let e=this.settings.wrapperId;typeof e==`string`&&(this.el.panel?.querySelectorAll(t.controls(e)))?.forEach(e=>{this.attachEvent(e,`click`,r.throttleEvent(this.eToggle.bind(this),n.delay.slower,{trailing:!1}))})}addClasses(){this.el.panel?.classList.add(`mint-panel`),this.el.wrapper?.classList.add(`mint-panel-wrapper`),this.el.toggleButton?.classList.add(`mint-panel-toggle`);let e=this.settings.from;typeof e==`string`&&(this.el.panel?.classList.remove(`mint-top`,`mint-right`,`mint-bottom`,`mint-left`),this.el.panel?.classList.add(`mint-${e.toLowerCase()}`)),this.settings.tray&&this.el.panel?.classList.add(`mint-tray`)}setPanel(t=!1){let r=typeof this.settings.title==`string`?this.settings.title:`panel`,o=t?`true`:`false`,s=t?`close ${r}`:`open ${r}`;this.el.toggleButton?.setAttribute(`aria-expanded`,o),setTimeout(()=>{this.el.toggleButton?.setAttribute(`aria-label`,s)},n.delay.faster),t?(this.closeOtherPanels(),this.settings.fixed!==!0&&window.scroll({top:0,left:0,behavior:`smooth`}),setTimeout(()=>{if(this.el.html){let t=e.windowWidth()<=a.breakpoints.sm,n=`auto`;this.settings.tray?t&&(n=`hidden`):n=`hidden`,this.el.html.style.overflow=n}},this.settings.from===i.sides[3]?n.delay.default:n.delay.instant),this.el.wrapper&&(this.el.wrapper.style.display=`flex`),requestAnimationFrame(()=>{this.el.wrapper?.classList.add(`mint-open`)})):(this.el.html&&(this.el.html.style.overflow=`auto`),requestAnimationFrame(()=>{this.el.wrapper?.classList.remove(`mint-open`)}))}togglePanel(){this.setPanel(this.el.toggleButton?.getAttribute(`aria-expanded`)?.toLowerCase()===`false`)}closeOtherPanels(){let e=`.mint-panel-toggle[aria-expanded="true"]:not([aria-controls="${typeof this.settings.wrapperId==`string`?this.settings.wrapperId:``}"])`,t=document.querySelector(e);t&&t.click()}eHandleResize(){let t=e.windowWidth()<=a.breakpoints.sm,n=!0;this.el.panel?.classList.contains(`mint-tray`)?n=!1:this.el.panel?.classList.contains(`mint-expand`)||(n=!1),!t&&n&&this.setPanel(!1);let r=this.el.toggleButton?.getAttribute(`aria-expanded`)?.toLowerCase()===`true`,i=`auto`;r&&(this.settings.tray?t&&(i=`hidden`):i=`hidden`),this.el.html&&(this.el.html.style.overflow=i)}eWrapTab(e){if(!(e instanceof KeyboardEvent))return;let n=t.getFocusables(this.el.panel),r=n[n.length-1],i=n.length>1&&document.activeElement===r;e.key.toLowerCase()===`tab`&&!e.shiftKey&&i&&(this.el.toggleButton?.focus(),document.activeElement===this.el.toggleButton&&e.preventDefault())}eToggle(){this.togglePanel()}eClose(){this.setPanel(!1)}eTransitionEnd(){this.el.wrapper?.classList.contains(`mint-open`)===!1&&(this.el.wrapper.style.display=`none`)}};exports.Panel=s;
|
|
@@ -35,7 +35,7 @@ var c = class extends s {
|
|
|
35
35
|
});
|
|
36
36
|
}
|
|
37
37
|
addClasses() {
|
|
38
|
-
this.el.panel?.classList.add("mint-panel"), this.el.wrapper?.classList.add("mint-panel-
|
|
38
|
+
this.el.panel?.classList.add("mint-panel"), this.el.wrapper?.classList.add("mint-panel-wrapper"), this.el.toggleButton?.classList.add("mint-panel-toggle");
|
|
39
39
|
let e = this.settings.from;
|
|
40
40
|
typeof e == "string" && (this.el.panel?.classList.remove("mint-top", "mint-right", "mint-bottom", "mint-left"), this.el.panel?.classList.add(`mint-${e.toLowerCase()}`)), this.settings.tray && this.el.panel?.classList.add("mint-tray");
|
|
41
41
|
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@appartmint/tsm-mint",
|
|
3
3
|
"author": "App Art Mint LLC",
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.3",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"description": "TypeScript Modules from App Art Mint LLC",
|
|
@@ -34,13 +34,13 @@
|
|
|
34
34
|
}
|
|
35
35
|
},
|
|
36
36
|
"scripts": {
|
|
37
|
-
"version": "npm i && git add -A",
|
|
37
|
+
"version": "npm i --package-lock-only && git add -A",
|
|
38
38
|
"postversion": "git push && git push --tags && cross-replace gh release create \"v$npm_package_version\" --generate-notes",
|
|
39
39
|
"prepare": "run-s build",
|
|
40
40
|
"clean": "rimraf dist",
|
|
41
41
|
"build": "run-p test:types build:prod",
|
|
42
42
|
"build:prod": "vite build",
|
|
43
|
-
"test": "run-p test
|
|
43
|
+
"test": "run-p test:**",
|
|
44
44
|
"test:types": "tsc -b",
|
|
45
45
|
"test:deps": "depcruise src",
|
|
46
46
|
"lint": "eslint --fix .",
|