@massimo-cassandro/minimo 1.41.10 → 1.42.0

package/dev-tools/layout-tools/layout-tools.js

@@ -0,0 +1,6 @@
+import * as styles from './layout-tools.module.css';
+
+const div = document.createElement('div');
+div.className = styles.mediaMonitor;
+
+document.body.insertAdjacentElement('beforeend', div);

package/dev-tools/layout-tools/layout-tools.module.css

@@ -0,0 +1,35 @@
+/* TODO custome props per variare colore, poszione ecc.., */
+
+.mediaMonitor {
+  --content: 'phone';
+  position: fixed;
+  bottom: 0;
+  left: 0;
+
+  padding: 2px 4px;
+  font-size: 14px;
+  color: #fff;
+  background-color: #000;
+  border-top-right-radius: 2px;
+  &::before {
+    text-transform: uppercase;
+    content: var(--content);
+
+    @media (--media-small-viewport-up) {
+      --content: 'small';
+    }
+    @media (--media-medium-viewport-up) {
+      --content: 'medium';
+    }
+    @media (--media-large-viewport-up) {
+      --content: 'large';
+    }
+    @media (--media-xlarge-viewport-up) {
+      --content: 'x-large';
+    }
+    @media (--media-xxlarge-viewport-up) {
+      --content: 'xx-large';
+    }
+  }
+}
+

package/dev-tools/starter-kit/source_files/app/index.js

@@ -1,7 +1,14 @@
-import './index.css';
-
+/* global process */
 
+import './index.css';
 import { innerNav, dismissAlerts } from '@massimo-cassandro/minimo';
 
+
 innerNav();
 dismissAlerts();
+
+
+
+if (process.env.NODE_ENV === 'development') {
+  import('@massimo-cassandro/minimo/layout-tools');
+}

package/package.json

@@ -1,13 +1,15 @@
 {
   "name": "@massimo-cassandro/minimo",
-  "version": "1.41.10",
+  "version": "1.42.0",
   "description": "Light css framework & utilities",
   "type": "module",
-  "main": "./index.js",
+  "main": "./src/index.js",
   "exports": {
-    ".": "./index.js",
+    ".": "./src/index.js",
+    "./index.js": "./src/index.js",
     "./charts": "./charts/index.js",
     "./json-table": "./src/web-components/json-table/json-table-component.js",
+    "./layout-tools": "./dev-tools/layout-tools/layout-tools.js",
     "./stylelint-config": "./dev-tools/stylelint-config/index.js",
     "./css/*": "./src/css/*.css",
     "./tokens/*": "./design-tokens/tokens/*",
@@ -55,6 +57,7 @@
   "sideEffects": [
     "**/s-datatable-component/**/*",
     "**/json-table/**/*",
+    "**/layout-tools/**/*",
     "**/*.css"
   ],
   "engines": {
@@ -62,7 +65,6 @@
     "npm": ">= 9.0.0"
   },
   "files": [
-    "./index.js",
     "src/**/*.{js,mjs,css,svg,md}",
     "types/**/*.d.ts",
     "design-tokens/README.md",

package/src/css/headings.css

@@ -1,7 +1,7 @@
 
 h1, h2, h3, .h3, h4, .h4 {
   font-family: var(--headings-font-family);
-  line-height: var(--headings-font-weight);
+  line-height: var(--headings-line-height);
   color: var(--headings-color);
   text-align: var(--headings-text-align);
 }

package/src/index.js

@@ -0,0 +1,40 @@
+
+// utilities
+export { betterText } from './utilities/better-text.js';
+export { betterTextWithPlaces } from './utilities/better-text-with-places.js';
+export { classnames, classnamesNull } from './utilities/classnames.js';
+export { createId } from './utilities/create-id.js';
+export { disableBtnsOnSubmit } from './utilities/disable-btns-on-submit.js';
+export { domBuilder } from './utilities/dom-builder/dom-builder.js';
+export { enableSubmitBtns } from './utilities/enable-submit-btns.js';
+export { escapeHTML, unescapeHTML } from './utilities/escape-html.js';
+export { generatePwd } from './utilities/generate-pwd.js';
+export { getCookie, setCookie } from './utilities/cookies.js';
+export { linkedDates } from './utilities/linked-dates.js';
+export { parseFileSize } from './utilities/parse-file-size.js';
+export { randomId } from './utilities/random-id.js';
+export { relativeDate } from './utilities/relative-date.js';
+export { sentenceCase } from './utilities/sentence-case.js';
+export { stripTags } from './utilities/strip-tags.js';
+export { titleCase } from './utilities/title-case.js';
+export { truncateString } from './utilities/truncate-string.js';
+export { ValidationError } from './utilities/validation-error-class.js';
+
+// domBuilder helpers
+export { buildPictureTag } from './utilities/dom-builder-helpers/picture-tag.js';
+export { buildInput, buildCheckbox, buildTextarea, buildFakeField, buildSelect, buildButton } from './utilities/dom-builder-helpers/form-tags.js';
+
+// components
+export { dismissAlerts } from './components/dismiss-alerts.js';
+export { formResetSubmit } from './components/form-reset-submit.js';
+export { innerNav } from './components/inner-nav/inner-nav.js';
+export { modalAlert } from './components/modal-alert/modal-alert.js';
+export { modalPopup } from './components/modal-popup/modal-popup.js';
+export { overlay, removeOverlay } from './components/overlay/overlay.js';
+export { sf_macro } from './components/sf-macro/sf-macro.js';
+export { slideToggle, slideUp, slideDown } from './components/slide-up-down-toggle/slide-up-down-toggle.js';
+export { snackbar } from './components/snackbar/snackbar.js';
+export { unsplashPage } from './components/unsplash-page/unsplash-page.js';
+
+// web components
+export { JsonTable } from './web-components/json-table/json-table-component.js';

package/src/web-components/json-table/jt-docs.md

@@ -11,18 +11,7 @@
 
 È sufficiente importare il file del componente (registra il custom element):
 
-```javascriptcacheGroup `shared` (solo con `useSharedChunk: true`): escludere `unsplash-page` e `blurhash` dal chunk condiviso, in modo che js e css restino nella entry che li importa. In `webpack.config.mjs`, nella funzione `shared_chunk_paths`, prima del `return` aggiungere:
-  ```js
-  const excluded_paths = [
-    'minimo/src/components/unsplash-page',
-    'node_modules/blurhash', // peer dep usata solo da unsplash-page
-  ];
-  const excludedRegexp = new RegExp(
-    excluded_paths.map(p => `${sep}${p.replace(/\//g, sep)}${sep}`).join('|')
-  );
-  const modulePath = module.nameForCondition?.() ?? '';
-  ```
-  e sostituire il `return` con `return !excludedRegexp.test(modulePath) && pathsRegexp.test(modulePath);`. Aggiungere anche al commento sopra il cacheGroup la nota sull'esclusione.
+```javascript
 // solo registrazione del tag
 import '@massimo-cassandro/minimo/json-table';
 

package/src/web-components/s-datatable-component/src/parse-cols.js

@@ -3,7 +3,7 @@
 // pre-elaborazione tipi dati predefiniti
 // le chiavi che cominciano con '_' sono di questa applicazione, le altre sono di simple-datatable
 
-import { classnames } from '../../../../index.js';
+import { classnames } from '../../../utilities/classnames.js';
 
 import * as styles from '../s-datatable-component.module.css';
 

package/index.js

@@ -1,40 +0,0 @@
-
-// utilities
-export { betterText } from './src/utilities/better-text.js';
-export { betterTextWithPlaces } from './src/utilities/better-text-with-places.js';
-export { classnames, classnamesNull } from './src/utilities/classnames.js';
-export { createId } from './src/utilities/create-id.js';
-export { disableBtnsOnSubmit } from './src/utilities/disable-btns-on-submit.js';
-export { domBuilder } from './src/utilities/dom-builder/dom-builder.js';
-export { enableSubmitBtns } from './src/utilities/enable-submit-btns.js';
-export { escapeHTML, unescapeHTML } from './src/utilities/escape-html.js';
-export { generatePwd } from './src/utilities/generate-pwd.js';
-export { getCookie, setCookie } from './src/utilities/cookies.js';
-export { linkedDates } from './src/utilities/linked-dates.js';
-export { parseFileSize } from './src/utilities/parse-file-size.js';
-export { randomId } from './src/utilities/random-id.js';
-export { relativeDate } from './src/utilities/relative-date.js';
-export { sentenceCase } from './src/utilities/sentence-case.js';
-export { stripTags } from './src/utilities/strip-tags.js';
-export { titleCase } from './src/utilities/title-case.js';
-export { truncateString } from './src/utilities/truncate-string.js';
-export { ValidationError } from './src/utilities/validation-error-class.js';
-
-// domBuilder helpers
-export { buildPictureTag } from './src/utilities/dom-builder-helpers/picture-tag.js';
-export { buildInput, buildCheckbox, buildTextarea, buildFakeField, buildSelect, buildButton } from './src/utilities/dom-builder-helpers/form-tags.js';
-
-// components
-export { dismissAlerts } from './src/components/dismiss-alerts.js';
-export { formResetSubmit } from './src/components/form-reset-submit.js';
-export { innerNav } from './src/components/inner-nav/inner-nav.js';
-export { modalAlert } from './src/components/modal-alert/modal-alert.js';
-export { modalPopup } from './src/components/modal-popup/modal-popup.js';
-export { overlay, removeOverlay } from './src/components/overlay/overlay.js';
-export { sf_macro } from './src/components/sf-macro/sf-macro.js';
-export { slideToggle, slideUp, slideDown } from './src/components/slide-up-down-toggle/slide-up-down-toggle.js';
-export { snackbar } from './src/components/snackbar/snackbar.js';
-export { unsplashPage } from './src/components/unsplash-page/unsplash-page.js';
-
-// web components
-export { JsonTable } from './src/web-components/json-table/json-table-component.js';