bootstrap-italia 2.1.0 → 2.2.0

package/src/js/plugins/util/observer.js

@@ -36,8 +36,10 @@ class CssClassObserver {
         if (this.ignoreToggle || this.lastClassState !== currentClassState) {
           this.lastClassState = currentClassState
           if (currentClassState) {
-            this.classAddedCallback()
-          } else {
+            if (typeof this.classAddedCallback === 'function') {
+              this.classAddedCallback()
+            }
+          } else if (typeof this.classRemovedCallback === 'function') {
             this.classRemovedCallback()
           }
         }
@@ -61,13 +63,15 @@ class ContentObserver {
     this.init()
   }
 
+  //public
+
   init() {
     this.observer = new MutationObserver((mutationsList) => this.mutationCallback(mutationsList))
     this.observe()
   }
 
   observe() {
-    this.observer.observe(this.targetNode, { childList: true })
+    this.observer.observe(this.targetNode, { childList: true, subtree: true })
   }
 
   disconnect() {
@@ -78,18 +82,28 @@ class ContentObserver {
     for (let mutation of mutationsList) {
       if (mutation.type === 'childList') {
         mutation.addedNodes.forEach((node) => {
-          if (node.matches(this.contentSelector)) {
-            this.contentAddedCallback()
-          }
+          this._callbackExec(node)
         })
         mutation.removedNodes.forEach((node) => {
-          if (node.matches(this.contentSelector)) {
-            this.contentRemovedCallback()
-          }
+          this._callbackExec(node, true)
         })
       }
     }
   }
+
+  //private
+  _callbackExec(node, actionRemove) {
+    const foundNodes = node.matches && node.matches(this.contentSelector) ? [node] : node.querySelectorAll ? node.querySelectorAll(this.contentSelector) : null
+    const callback =
+      actionRemove && typeof this.contentRemovedCallback === 'function'
+        ? this.contentRemovedCallback
+        : typeof this.contentAddedCallback === 'function'
+        ? this.contentAddedCallback
+        : null
+    if (foundNodes && callback) {
+      foundNodes.forEach((node) => callback(node))
+    }
+  }
 }
 
 export { CssClassObserver, ContentObserver }

package/src/js/version.js

@@ -1,5 +1,5 @@
 // bootstrap italia version variable
 // useful to check for the current version
 // eslint-disable-next-line no-unused-vars
-const BOOTSTRAP_ITALIA_VERSION = '2.1.0'
+const BOOTSTRAP_ITALIA_VERSION = '2.2.0'
 export default BOOTSTRAP_ITALIA_VERSION

package/src/scss/custom/_accessible-autocomplete.scss

@@ -1,3 +1,7 @@
+/* stylelint-disable */
+@import 'accessible-autocomplete/dist/accessible-autocomplete.min';
+/* stylelint-enable */
+
 .autocomplete__wrapper {
   .autocomplete__menu {
     border: $autocomplete-border;

package/src/scss/custom/_carousel.scss

@@ -1,3 +1,7 @@
+/* stylelint-disable */
+@import '@splidejs/splide/dist/css/splide-core.min';
+/* stylelint-enable */
+
 //mobile
 .it-carousel-wrapper {
   // splide pagination

package/src/scss/custom/_dimmer.scss

@@ -5,7 +5,7 @@
 }
 
 .dimmer {
-  display: none;
+  display: flex;
   background-color: #1f2933;
   opacity: 0.92;
   position: absolute;
@@ -16,6 +16,10 @@
   z-index: 1;
   padding: $v-gap * 4;
 
+  &[aria-hidden='true'] {
+    display: none;
+  }
+
   &.dimmer-primary {
     background-color: $primary;
     &.show {

package/src/scss/custom/_form-password.scss

@@ -20,3 +20,10 @@
     height: 4px;
   }
 }
+
+.password-caps {
+  display: none;
+  &.show {
+    display: block;
+  }
+}

package/src/scss/custom/_version.scss

@@ -1,3 +1,3 @@
 :root {
-  --bootstrap-italia-version: '2.1.0';
+  --bootstrap-italia-version: '2.2.0';
 }

package/src/svg/it-medium-square.svg

@@ -1,8 +1,3 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
-<path d="M3,3h18v18H3V3z M7.3,14.4c0,0.2,0,0.4-0.2,0.5l-1.3,1.5v0.2h3.6v-0.2l-1.3-1.5C8,14.8,8,14.6,8,14.4V9.7l3.2,6.9h0.4
-	l2.7-6.9v5.5c0,0.2,0,0.2-0.1,0.3l-1,1v0.2h4.7v-0.2l-0.9-1c-0.1-0.1-0.1-0.2-0.1-0.3V8.5c0-0.1,0-0.2,0.1-0.3l1-0.9V7.1h-3.4
-	L12.2,13L9.5,7.1H6v0.2l1.1,1.4C7.2,8.7,7.3,8.9,7.3,9V14.4z"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.56696 1.33333H20.3289C20.9351 1.33333 21.5165 1.57414 21.9451 2.0028C22.3738 2.43145 22.6146 3.01283 22.6146 3.61904V20.3809C22.6146 20.9872 22.3738 21.5685 21.9451 21.9972C21.5165 22.4258 20.9351 22.6667 20.3289 22.6667H3.56696C2.96076 22.6667 2.37937 22.4258 1.95072 21.9972C1.52207 21.5685 1.28125 20.9872 1.28125 20.3809V3.61904C1.28125 3.01283 1.52207 2.43145 1.95072 2.0028C2.37937 1.57414 2.96076 1.33333 3.56696 1.33333ZM8.51239 16.5C11.0046 16.5 13.0249 14.4852 13.0249 11.9999C13.0249 9.51465 11.0045 7.5 8.51239 7.5C6.0203 7.5 4 9.51405 4 11.9999C4 14.4858 6.02015 16.5 8.51239 16.5ZM15.719 16.2359C16.965 16.2359 17.9753 14.3395 17.9753 11.9999C17.9753 9.66095 16.965 7.76392 15.719 7.76392C14.4729 7.76392 13.4627 9.66095 13.4627 11.9999C13.4627 14.3389 14.4729 16.2359 15.719 16.2359ZM19.2064 15.7952C19.6447 15.7952 20 14.0961 20 11.9999C20 9.90393 19.645 8.20464 19.2066 8.20464C18.7682 8.20464 18.4129 9.90438 18.4129 11.9999C18.4129 14.0955 18.7682 15.7952 19.2064 15.7952Z"/>
 </svg>

package/src/svg/it-medium.svg

@@ -1,8 +1,3 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
-<path d="M5,7.6C5,7.4,5,7.2,4.8,7L3.1,5V4.7h5.2l4,8.8l3.5-8.8h5V5l-1.4,1.4c-0.1,0.1-0.2,0.2-0.2,0.4v10.1c0,0.2,0,0.3,0.2,0.4
-	l1.4,1.4V19h-7v-0.3l1.4-1.4c0.1-0.1,0.1-0.2,0.1-0.4V8.7L11.4,19h-0.6L6.1,8.7v6.9c0,0.3,0.1,0.6,0.3,0.8l1.9,2.3V19H2.9v-0.3
-	l1.9-2.3C5,16.2,5.1,15.9,5,15.6V7.6z"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.2812 12.6249C13.2812 15.7315 10.7558 18.25 7.64049 18.25C4.52519 18.25 2 15.7323 2 12.6249C2 9.51756 4.52538 7 7.64049 7C10.7556 7 13.2812 9.51832 13.2812 12.6249ZM19.4691 12.6249C19.4691 15.5494 18.2063 17.9199 16.6487 17.9199C15.0912 17.9199 13.8284 15.5486 13.8284 12.6249C13.8284 9.70119 15.0912 7.32989 16.6487 7.32989C18.2063 7.32989 19.4691 9.70119 19.4691 12.6249ZM22 12.6249C22 15.2451 21.5558 17.369 21.008 17.369C20.4603 17.369 20.0161 15.2443 20.0161 12.6249C20.0161 10.0055 20.4603 7.88079 21.0082 7.88079C21.5562 7.88079 22 10.0049 22 12.6249Z"/>
 </svg>