mypgs 1.3.2 → 1.3.4

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.
Files changed (73) hide show
  1. package/AI_GUIDELINES.md +353 -0
  2. package/README.md +483 -53
  3. package/assets/javascript/_imports.js +12 -11
  4. package/assets/javascript/_pgs.js +16 -1
  5. package/assets/javascript/components/_accordion.js +18 -9
  6. package/assets/javascript/components/_dropdown.js +176 -120
  7. package/assets/javascript/components/_menu.js +15 -116
  8. package/assets/javascript/components/_modals.js +0 -1
  9. package/assets/javascript/components/_notifications.js +2 -3
  10. package/assets/javascript/components/_slides.js +0 -1
  11. package/assets/javascript/components/_stepTabs.js +0 -1
  12. package/assets/javascript/components/_steps.js +0 -1
  13. package/assets/javascript/patterns/_cookieConsent.js +8 -2
  14. package/assets/javascript/pgs.d.ts +12 -1
  15. package/assets/scss/base/_html.scss +23 -1
  16. package/assets/scss/components/_dropdown.scss +24 -88
  17. package/assets/scss/components/_menu.scss +129 -15
  18. package/assets/scss/components/_modals.scss +15 -3
  19. package/assets/scss/components/_notification.scss +11 -14
  20. package/assets/scss/components/_tooltip.scss +2 -9
  21. package/assets/scss/index.scss +0 -1
  22. package/assets/scss/layout/_gap.scss +7 -1
  23. package/assets/scss/layout/_layout.scss +0 -12
  24. package/assets/scss/layout/_pageShell.scss +104 -105
  25. package/assets/scss/mixin/_mx-form.scss +16 -6
  26. package/assets/scss/mixin/_mx-responsive.scss +2 -2
  27. package/assets/scss/mixin/_mx-semantic.scss +0 -60
  28. package/assets/scss/mixin/mixin.scss +0 -1
  29. package/assets/scss/patterns/_footer.scss +1 -0
  30. package/assets/scss/patterns/_header.scss +20 -18
  31. package/dist/css/index.css +264 -1179
  32. package/dist/css/index.css.map +1 -1
  33. package/dist/css/index.min.css +1 -1
  34. package/dist/index.d.ts +12 -1
  35. package/dist/javascript/index.js +264 -272
  36. package/dist/javascript/index.js.map +1 -1
  37. package/dist/javascript/index.min.js +1 -1
  38. package/package.json +1 -1
  39. package/templates/components/{md-accordion.html → accordion.html} +2 -2
  40. package/templates/components/dropdown.html +91 -0
  41. package/templates/components/menu.html +41 -0
  42. package/templates/components/modal.html +78 -0
  43. package/templates/components/notification.html +35 -0
  44. package/templates/components/{md-slides.html → slides.html} +5 -5
  45. package/templates/components/{md-steps.html → steps.html} +7 -7
  46. package/templates/components/{md-tooltip.html → tooltip.html} +4 -2
  47. package/templates/demo.css +18 -0
  48. package/templates/demo.html +4 -5
  49. package/templates/demo.js +53 -52
  50. package/templates/layout/flex.html +89 -0
  51. package/templates/layout/grid.html +89 -0
  52. package/templates/layout/pageShell.html +59 -0
  53. package/templates/layout/section.html +40 -0
  54. package/templates/{layout/md-footer.html → patterns/footer.html} +1 -0
  55. package/templates/{layout/md-header.html → patterns/header.html} +6 -9
  56. package/assets/scss/base/_reset.scss +0 -15
  57. package/assets/scss/mixin/_mx-menu.scss +0 -154
  58. package/templates/components/md-dropdown.html +0 -16
  59. package/templates/components/md-menu.html +0 -40
  60. package/templates/components/md-modal.html +0 -19
  61. package/templates/components/md-notification.html +0 -13
  62. package/templates/layout/md-pageShell.html +0 -22
  63. package/templates/layout/md-section.html +0 -25
  64. /package/templates/components/{md-breadcumbs.html → breadcumbs.html} +0 -0
  65. /package/templates/components/{md-button.html → button.html} +0 -0
  66. /package/templates/components/{md-card.html → card.html} +0 -0
  67. /package/templates/components/{md-form.html → form.html} +0 -0
  68. /package/templates/components/{md-logo.html → logo.html} +0 -0
  69. /package/templates/components/{md-searchbar.html → searchbar.html} +0 -0
  70. /package/templates/components/{md-stepTabs.html → stepTabs.html} +0 -0
  71. /package/templates/components/{md-table.html → table.html} +0 -0
  72. /package/templates/layout/{md-body.html → body.html} +0 -0
  73. /package/templates/{layout/md-cookieConsent.html → patterns/cookieConsent.html} +0 -0
package/templates/components/md-menu.html DELETED
@@ -1,40 +0,0 @@
1
- <nav pgs="menuHorizontal" aria-label="Menu orizzontale">
2
- <ul class="primary-menu">
3
- <li class="menu-item current-menu-item">
4
- <a href="/" aria-current="page">
5
- <i class="fa-solid fa-house" aria-hidden="true"></i>
6
- <span>Home</span>
7
- </a>
8
- </li>
9
- <li class="menu-item menu-item-has-children">
10
- <a href="/servizi">
11
- <i class="fa-solid fa-layer-group" aria-hidden="true"></i>
12
- <span>Servizi</span>
13
- </a>
14
- <ul class="sub-menu">
15
- <li class="menu-item"><a href="/servizi/uno">Servizio uno</a></li>
16
- <li class="menu-item"><a href="/servizi/due">Servizio due</a></li>
17
- </ul>
18
- </li>
19
- <li class="menu-item">
20
- <a href="/contatti">
21
- <i class="fa-solid fa-envelope" aria-hidden="true"></i>
22
- <span>Contatti</span>
23
- </a>
24
- </li>
25
- </ul>
26
- </nav>
27
-
28
- <nav pgs="menuVertical" aria-label="Menu verticale">
29
- <ul>
30
- <li class="menu-item"><a href="#">Voce verticale uno</a></li>
31
- <li class="menu-item"><a href="#">Voce verticale due</a></li>
32
- </ul>
33
- </nav>
34
-
35
- <nav pgs="menuFooter" aria-label="Menu footer">
36
- <ul>
37
- <li class="menu-item"><a href="/privacy-policy">Privacy Policy</a></li>
38
- <li class="menu-item"><a href="/cookie-policy">Cookie Policy</a></li>
39
- </ul>
40
- </nav>
package/templates/components/md-modal.html DELETED
@@ -1,19 +0,0 @@
1
- <div pgs="modal" pgs-option="containerID[modal-container]">
2
- <button pgs="modal-button button" type="button">
3
- <i class="fa-solid fa-window-maximize"></i> Apri modale
4
- </button>
5
-
6
- <dialog>
7
- <div pgs="modal-dialog-content">
8
- <div pgs="modal-dialog-content-header">
9
- <h3>Modale di esempio</h3>
10
- </div>
11
-
12
- <div pgs="modal-dialog-content-scroll">
13
- <p>Contenuto della modale. Il bottone di chiusura viene aggiunto automaticamente se non presente.</p>
14
- </div>
15
- </div>
16
- </dialog>
17
- </div>
18
-
19
- <div id="modal-container"></div>
package/templates/components/md-notification.html DELETED
@@ -1,13 +0,0 @@
1
- <div pgs="notification" aria-live="polite"></div>
2
- <div pgs="toast" aria-live="polite"></div>
3
-
4
- <div pgs="hidden notificationTrigger" data-notification='{
5
- "title":"Titolo",
6
- "message":"Messaggio",
7
- "element":"notification",
8
- "type":"info",
9
- "icon":null,
10
- "duration":"-1",
11
- "link":null
12
- }'>
13
- </div>
package/templates/layout/md-pageShell.html DELETED
@@ -1,22 +0,0 @@
1
- <div pgs="pageShell">
2
- <aside pgs="pageShell-asideLeft aside">
3
- <nav pgs="menuVertical" aria-label="Navigazione laterale">
4
- <ul>
5
- <li><a href="#sezione-uno">Sezione uno</a></li>
6
- <li><a href="#sezione-due">Sezione due</a></li>
7
- </ul>
8
- </nav>
9
- </aside>
10
-
11
- <main pgs="pageShell-content main">
12
- <section pgs="section flexColumnElements" id="sezione-uno">
13
- <p>Contenuto principale della pagina.</p>
14
- </section>
15
- </main>
16
-
17
- <aside pgs="pageShell-asideRight aside">
18
- <div pgs="card flexColumnTexts">
19
- <p>Box laterale</p>
20
- </div>
21
- </aside>
22
- </div>
package/templates/layout/md-section.html DELETED
@@ -1,25 +0,0 @@
1
- <section pgs="section flexColumnElements">
2
- <div pgs="container flexColumnTexts">
3
- <h2>Sezione standard</h2>
4
- <p>Contenuto centrato dentro una sezione MyPGS.</p>
5
- </div>
6
- </section>
7
-
8
- <section pgs="sectionFull flexColumnElements">
9
- <div pgs="grid-3">
10
- <article pgs="card flexColumnTexts">
11
- <h3>Colonna uno</h3>
12
- <p>Contenuto della prima colonna.</p>
13
- </article>
14
-
15
- <article pgs="card flexColumnTexts">
16
- <h3>Colonna due</h3>
17
- <p>Contenuto della seconda colonna.</p>
18
- </article>
19
-
20
- <article pgs="card flexColumnTexts">
21
- <h3>Colonna tre</h3>
22
- <p>Contenuto della terza colonna.</p>
23
- </article>
24
- </div>
25
- </section>
/package/templates/layout/{md-body.html → body.html} RENAMED
File without changes