kempo-ui 0.0.26 → 0.0.28

package/scripts/docs.js

@@ -6,26 +6,33 @@ import { getArgs, runChildNodeProcessScript } from 'kempo-server/utils/cli';
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
 
+/*
+	Configuration
+*/
 const options = getArgs({
   p: 'port',
   b: 'build',
-  s: 'src',
-  'no-build': 'noBuild'
+  s: 'src'
 });
 
 const {
   port = 8083,
-  build = false,
-  noBuild = false,
+  build = null,
   src = false
 } = options;
 
-if(build && !noBuild){
+/*
+	Build Logic
+*/
+if(build === null ? !src : build === 'true' || build === true){
     console.log('Building component files...');
   await runChildNodeProcessScript(join(__dirname, 'build.js'));
   console.log('Component files built!');
 }
 
+/*
+	Server Startup
+*/
 const rootDir = 'docs';
 const configFile = src ? 
   join(__dirname, '../docs/dev.config.json') : 

package/src/components/Dialog.js

@@ -19,6 +19,7 @@ export default class Dialog extends ShadowComponent {
 		opened: { type: Boolean, reflect: true, converter: boolExists },
 		closeBtn: { type: Boolean, reflect: true, attribute: 'close-btn', converter: boolExists },
 		overlayClose: { type: Boolean, reflect: true, attribute: 'overlay-close', converter: boolExists },
+		disableKeyboardClose: { type: Boolean, reflect: true, attribute: 'disable-keyboard-close', converter: boolExists },
 		confirmText: { type: String, reflect: true, attribute: 'confirm-text' },
 		confirmClasses: { type: String, reflect: true, attribute: 'confirm-classes' },
 		cancelText: { type: String, reflect: true, attribute: 'cancel-text' },
@@ -30,6 +31,7 @@ export default class Dialog extends ShadowComponent {
 		this.opened = false;
 		this.closeBtn = true;
 		this.overlayClose = true;
+		this.disableKeyboardClose = false;
 		this.confirmText = '';
 		this.confirmClasses = 'success ml';
 		this.cancelText = '';
@@ -59,7 +61,7 @@ export default class Dialog extends ShadowComponent {
 	}
 
 	handleKeydown = event => {
-		if(event.keyCode === 27) {
+		if(!this.disableKeyboardClose && event.keyCode === 27) {
 			this.close();
 		}
 	}
@@ -347,6 +349,7 @@ export default class Dialog extends ShadowComponent {
 			title: options.title || 'Confirm',
 			closeBtn: false,
 			overlayClose: false,
+			disableKeyboardClose: true,
 			confirmText: 'Yes',
 			confirmClasses: 'success ml',
 			confirmAction: () => responseCallback(true),

package/src/components/Icon.js

@@ -30,7 +30,7 @@ const getIconByName = (name) => {
 
 	return new Promise(async (resolve, reject) => {
 		let svg;
-		const pathsToCheck = window.kempo?.pathToIcons || ['/icons'];
+		const pathsToCheck = window.kempo?.pathsToIcons || ['/icons'];
 		for(let i = 0; i < pathsToCheck.length && !svg; i++){
 			try {
 				svg = await tryDir(pathsToCheck[i]);

package/src/components/ShadowComponent.js

@@ -30,7 +30,7 @@ export default class ShadowComponent extends LitElement {
         
         const link = document.createElement('link');
         link.rel = 'stylesheet';
-        link.href = window.kempo?.stylesheetPath || '/kempo.min.css';
+        link.href = window.kempo?.pathToStylesheet || '/kempo.min.css';
         shadowRoot.appendChild(link);
         
         // Inject component styles if they exist

package/src/components/SideMenu.js

@@ -36,9 +36,11 @@ export default class SideMenu extends ShadowComponent {
 		
 		if(changedProperties.has('opened')) {
 			if(this.opened) {
+				document.body.style.overflow = 'hidden';
 				this.dispatchEvent(new CustomEvent('change', { detail: 'open' }));
 				this.dispatchEvent(new CustomEvent('open'));
 			} else {
+				document.body.style.overflow = '';
 				this.dispatchEvent(new CustomEvent('change', { detail: 'close' }));
 				this.dispatchEvent(new CustomEvent('close'));
 			}