@iamproperty/components 5.7.0 → 5.7.1-beta3

package/assets/sass/_components.scss

@@ -34,14 +34,6 @@ iam-search .optional-text {
   display: none!important;
 }
 
-// tabs
-
-@media screen and (prefers-color-scheme: dark) {
-  .tabs {
-    --tabs-gradient: linear-gradient(90deg, rgba(38,38,38,0), rgba(38,38,38,1));
-  }
-}
-
 // Table dark mode support
 iam-table {
 

package/assets/sass/components/tabs.scss

@@ -33,20 +33,6 @@ iam-tabs.tabs--guided::part(next-button):not(:hover) {
   .tabs__links__wrapper {
     position: relative;
     margin: 0 auto 2rem;
-
-    &:before {
-      content: '';
-      display: block;
-      position: absolute;
-      left: auto;
-      right: -1.5rem;
-      top: 0;
-      bottom: 1px;
-      width: 2.5rem;
-      background: var(--tabs-gradient, linear-gradient(90deg, color(from var(--colour-canvas) a98-rgb r g b / 0), color(from var(--colour-canvas) a98-rgb r g b / 1)));
-      z-index: 1000;
-      pointer-events: none;
-    }
   
     &:after {
       content: "";
@@ -75,6 +61,9 @@ iam-tabs.tabs--guided::part(next-button):not(:hover) {
 .tabs__links {
   
   scroll-snap-type: x mandatory;
+
+  -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%);
+  mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%);
 }
 
 .tabs__links {

package/assets/ts/components/fileupload/fileupload.component.ts

@@ -67,7 +67,8 @@ class iamFileupload extends HTMLElement {
 
           const filesWrapper = this.shadowRoot.querySelector('.files');
           
-          filesWrapper.innerHTML = `<span class="file">${newVal} <button data-file="${newVal}">Remove</button></span>`;
+          if(newVal != null && newVal != 'null' && newVal != '')
+            filesWrapper.innerHTML = `<span class="file">${newVal} <button data-file="${newVal}">Remove</button></span>`;
 
         }
         break;

package/assets/ts/components/nav/nav.component.ts

@@ -225,6 +225,7 @@ class iamNav extends HTMLElement {
       if(openMenu)
         openMenu.click();
 
+      iamNav.classList.toggle('open');
       iamNav.querySelectorAll('.nav--menu.open').forEach(function(element){
         element.classList.remove('open');
       });

package/assets/ts/components/table/table.component.ts

@@ -34,7 +34,7 @@ class iamTable extends HTMLElement {
       <slot></slot>
     </div>
     </div>
-    <iam-pagination class="pagination--table" ${this.hasAttribute('data-page')?`data-page="${this.getAttribute('data-page')}"`:''} ></iam-pagination>
+    <iam-pagination part="pagination" class="pagination--table" ${this.hasAttribute('data-page')?`data-page="${this.getAttribute('data-page')}"`:''} ></iam-pagination>
     `;
     this.shadowRoot.appendChild(template.content.cloneNode(true));
 
@@ -284,10 +284,7 @@ class iamTable extends HTMLElement {
   
   attributeChangedCallback(attrName, oldVal, newVal) {
     
-    if(this.hasAttribute('data-no-submit')){
-      return false;
-    }
-
+    
     this.pagination = this.shadowRoot.querySelector('iam-pagination');
 
     switch (attrName) {

package/dist/components.es.js

@@ -67,7 +67,7 @@ const Ra = /* @__PURE__ */ m(U, [["render", G]]), J = (t) => t.charAt(0).toUpper
   },
   created() {
     this.$nextTick(function() {
-      import("./table.component-f20ca683.mjs").then((t) => {
+      import("./table.component.min-a923dfdd.mjs").then((t) => {
         window.customElements.get("iam-table") || window.customElements.define("iam-table", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -453,7 +453,7 @@ const N = /* @__PURE__ */ m(ne, [["render", Se]]), xe = {
   },
   created() {
     this.$nextTick(function() {
-      import("./fileupload.component.min-1a354d40.mjs").then((t) => {
+      import("./fileupload.component.min-b6977b72.mjs").then((t) => {
         window.customElements.get("iam-fileupload") || window.customElements.define("iam-fileupload", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -483,7 +483,7 @@ const qe = {
   props: {},
   mounted() {
     this.$nextTick(function() {
-      import("./accordion.component.min-bc926aff.mjs").then((t) => {
+      import("./accordion.component.min-5ab25428.mjs").then((t) => {
         window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -592,7 +592,7 @@ const Va = /* @__PURE__ */ m(Ne, [["render", Fe]]), ze = {
   name: "Card",
   created() {
     this.$nextTick(function() {
-      import("./card.component.min-17254718.mjs").then((t) => {
+      import("./card.component.min-d73c2fcc.mjs").then((t) => {
         window.customElements.get("iam-card") || window.customElements.define("iam-card", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -623,7 +623,7 @@ const Fa = /* @__PURE__ */ m(ze, [["render", Be]]), Oe = {
   },
   mounted() {
     this.$nextTick(function() {
-      import("./carousel.component.min-f7d19dee.mjs").then((t) => {
+      import("./carousel.component.min-b1dcbbb4.mjs").then((t) => {
         window.customElements.get("iam-carousel") || window.customElements.define("iam-carousel", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -652,7 +652,7 @@ const za = /* @__PURE__ */ m(Oe, [["render", We]]), Ke = {
   },
   mounted() {
     this.$nextTick(function() {
-      import("./header.component.min-0e0efd0c.mjs").then((t) => {
+      import("./header.component.min-864c766b.mjs").then((t) => {
         window.customElements.get("iam-header") || window.customElements.define("iam-header", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -1048,7 +1048,7 @@ const Wa = /* @__PURE__ */ m(_t, [["render", Ht]]), Mt = {
   name: "Nav",
   mounted() {
     this.$nextTick(function() {
-      import("./nav.component.min-731cbbe7.mjs").then((t) => {
+      import("./nav.component.min-74f81593.mjs").then((t) => {
         window.customElements.get("iam-nav") || window.customElements.define("iam-nav", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -1168,7 +1168,7 @@ const Zt = {
   name: "Tabs",
   created() {
     this.$nextTick(function() {
-      import("./tabs.component.min-f6ff4ad9.mjs").then((t) => {
+      import("./tabs.component.min-13151c0b.mjs").then((t) => {
         window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -1315,7 +1315,7 @@ function ha(t, a, e, i, r, s) {
 }
 const es = /* @__PURE__ */ m(pa, [["render", ha]]);
 /*!
-  * iamKey v5.7.0
+  * iamKey v5.7.1-beta3
   * Copyright 2022-2024 iamproperty
   */
 function fa(t, a) {
@@ -1485,7 +1485,7 @@ const as = /* @__PURE__ */ m(ka, [["render", Aa]]), La = {
   props: {},
   mounted() {
     this.$nextTick(function() {
-      import("./actionbar.component.min-2f3c4fc5.mjs").then((t) => {
+      import("./actionbar.component.min-1edbc134.mjs").then((t) => {
         window.customElements.get("iam-actionbar") || window.customElements.define("iam-actionbar", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -1500,7 +1500,7 @@ function Sa(t, a, e, i, r, s) {
 }
 const ss = /* @__PURE__ */ m(La, [["render", Sa]]);
 /*!
-  * iamKey v5.7.0
+  * iamKey v5.7.1-beta3
   * Copyright 2022-2024 iamproperty
   */
 class R extends HTMLElement {