scb-wc 0.1.11 → 0.1.13

package/mvc/components/scb-tabs/scb-primary-tab.js

@@ -1 +1,6 @@
-import"../Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-tabs/scb-primary-tab.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(e,o,c){try{customElements.get(e)||r(e,o,c)}catch(n){var i=String(n||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();
+import{d as l}from"../../vendor/vendor-material.js";import{b as h,g as p,h as r}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as n}from"../../vendor/decorate.js";(function(){try{var o=typeof globalThis<"u"?globalThis:window;if(!o.__scb_ce_guard_installed__){o.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,d,u){try{customElements.get(e)||t(e,d,u)}catch(a){var c=String(a||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw a}}}}catch{}})();var s,i=(s=class extends l{constructor(...t){super(...t),this.iconOnly=!1,this.inlineIcon=!1,this._onActivate=()=>{const e=this.textContent?.trim()??"";this.dispatchEvent(new CustomEvent("activate",{detail:{label:e},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tab")}get icon(){return this._icon}set icon(t){const e=this._icon;e!==t&&(this._icon=t,this.requestUpdate("icon",e),this.updateIconSlot())}firstUpdated(t){super.firstUpdated(t),this.addEventListener("click",this._onActivate),this._icon&&this.updateIconSlot()}updated(){if(super.updated(),this.setAttribute("aria-selected",this.active?"true":"false"),this.iconOnly&&!this.hasAttribute("aria-label")){const t=this.textContent?.trim()??"";t&&this.setAttribute("aria-label",t)}}updateIconSlot(){const t=this.querySelector('md-icon[slot="icon"]');if(!this._icon){t?.remove();return}if(t)t.textContent=this._icon;else{const e=document.createElement("md-icon");e.setAttribute("slot","icon"),e.textContent=this._icon,this.appendChild(e)}}},s.styles=[...l.styles,h`
+      /* Icon-only: dölj textslot */
+      :host([icon-only]) slot:not([name='icon']) {
+        display: none;
+      }
+    `],s);n([r({type:String})],i.prototype,"icon",null);n([r({type:Boolean,reflect:!0,attribute:"icon-only"})],i.prototype,"iconOnly",void 0);n([r({type:Boolean,reflect:!0,attribute:"inline-icon"})],i.prototype,"inlineIcon",void 0);i=n([p("scb-primary-tab")],i);

package/mvc/components/scb-tabs/scb-secondary-tab.js

@@ -1 +1,6 @@
-import"../Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-tabs/scb-secondary-tab.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(e,o,c){try{customElements.get(e)||r(e,o,c)}catch(i){var n=String(i||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();
+import{u as r}from"../../vendor/vendor-material.js";import{b as h,g as b,h as l}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as s}from"../../vendor/decorate.js";(function(){try{var n=typeof globalThis<"u"?globalThis:window;if(!n.__scb_ce_guard_installed__){n.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,d,u){try{customElements.get(e)||t(e,d,u)}catch(a){var c=String(a||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw a}}}}catch{}})();var o,i=(o=class extends r{constructor(...t){super(...t),this.iconOnly=!1,this._onActivate=()=>{const e=this.textContent?.trim()??"";this.dispatchEvent(new CustomEvent("activate",{detail:{label:e},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tab")}get icon(){return this._icon}set icon(t){const e=this._icon;e!==t&&(this._icon=t,this.requestUpdate("icon",e),this.updateIconSlot())}firstUpdated(t){if(super.firstUpdated(t),this.iconOnly&&!this.hasAttribute("aria-label")){const e=this.textContent?.trim()??"";e&&this.setAttribute("aria-label",e)}this.addEventListener("click",this._onActivate),this._icon&&this.updateIconSlot()}updated(){if(super.updated(),this.iconOnly&&!this.hasAttribute("aria-label")){const t=this.textContent?.trim()??"";t&&this.setAttribute("aria-label",t)}}updateIconSlot(){const t=this.querySelector('md-icon[slot="icon"]');if(!this._icon){t?.remove();return}if(t)t.textContent=this._icon;else{const e=document.createElement("md-icon");e.setAttribute("slot","icon"),e.textContent=this._icon,this.appendChild(e)}}},o.styles=[...r.styles,h`
+      /* Icon-only: göm all text utom slot="icon" */
+      :host([icon-only]) slot:not([name='icon']) {
+        display: none;
+      }
+    `],o);s([l({type:String})],i.prototype,"icon",null);s([l({type:Boolean,reflect:!0,attribute:"icon-only"})],i.prototype,"iconOnly",void 0);i=s([b("scb-secondary-tab")],i);

package/mvc/components/scb-tabs/scb-tabs.js

@@ -1 +1,28 @@
-import"../Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-tabs/scb-primary-tab.js";import"../Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-tabs/scb-secondary-tab.js";import"../Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-tabs/scb-tabs.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(e,o,c){try{customElements.get(e)||r(e,o,c)}catch(n){var i=String(n||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();
+import{l as g}from"../../vendor/vendor-material.js";import{b as y,g as v,h as c}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as n}from"../../vendor/decorate.js";import{n as u,t as o}from"../../vendor/assertClassBrand.js";import"./scb-primary-tab.js";import"./scb-secondary-tab.js";(function(){try{var a=typeof globalThis<"u"?globalThis:window;if(!a.__scb_ce_guard_installed__){a.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(s,r,p){try{customElements.get(s)||t(s,r,p)}catch(h){var b=String(h||"");if(b.indexOf("already been used")===-1&&b.indexOf("NotSupportedError")===-1)throw h}}}}catch{}})();var i,d,e=(i=new WeakSet,d=class extends g{constructor(...t){super(...t),u(this,i),this.ariaLabel="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._isDispatching=!1,this._onChange=s=>{if(!s.composed&&!this._isDispatching){s.stopPropagation(),this._isDispatching=!0;const r=s.target.activeTabIndex;this.dispatchEvent(new CustomEvent("change",{detail:{activeTabIndex:r},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("tabschange",{detail:{activeTabIndex:r},bubbles:!0,composed:!0})),this._isDispatching=!1}}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tablist")}firstUpdated(t){super.firstUpdated(t),this.addEventListener("change",this._onChange),o(i,this,m).call(this)}updated(t){super.updated(t),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&o(i,this,m).call(this)}},d.styles=[...g.styles,y`
+      :host {
+        /*Containerfärg */
+        --md-primary-tab-container-color: var(--md-sys-color-surface);
+        --md-secondary-tab-container-color: var(--md-sys-color-surface);
+
+        /* Text- och ikonfärger */
+        --md-primary-tab-label-text-color: var(--md-sys-color-on-surface-variant);
+        --md-secondary-tab-label-text-color: var(--md-sys-color-on-surface-variant);
+        --md-primary-tab-active-label-text-color: var(--md-sys-color-on-surface);
+        --md-secondary-tab-active-label-text-color: var(--md-sys-color-on-surface);
+
+        /* Indikator och divider */
+        --md-primary-tab-active-indicator-color: var(--md-sys-color-primary);
+        --md-primary-tab-divider-color: var(--md-sys-color-outline-variant);
+        --md-secondary-tab-divider-color: var(--md-sys-color-outline-variant);
+
+        /* State layers (hover/press) */
+        --md-primary-tab-hover-state-layer-color: var(--md-sys-color-on-surface);
+        --md-secondary-tab-hover-state-layer-color: var(--md-sys-color-on-surface);
+
+        /* Vertikalt avstånd styrs av spacing-attributen via CSS-variabler */
+        margin-block-start: var(--scb-tabs-spacing-block-start, 0);
+        margin-block-end: var(--scb-tabs-spacing-block-end, 0);
+        margin-inline-start: var(--scb-tabs-spacing-inline-start, 0);
+        margin-inline-end: var(--scb-tabs-spacing-inline-end, 0);
+      }
+    `],d);function m(){const a=o(i,this,l).call(this,this.spacing),t=o(i,this,l).call(this,this.spacingTop)??a,s=o(i,this,l).call(this,this.spacingBottom)??a,r=o(i,this,l).call(this,this.spacingLeft),p=o(i,this,l).call(this,this.spacingRight);t?this.style.setProperty("--scb-tabs-spacing-block-start",t):this.style.removeProperty("--scb-tabs-spacing-block-start"),s?this.style.setProperty("--scb-tabs-spacing-block-end",s):this.style.removeProperty("--scb-tabs-spacing-block-end"),r?this.style.setProperty("--scb-tabs-spacing-inline-start",r):this.style.removeProperty("--scb-tabs-spacing-inline-start"),p?this.style.setProperty("--scb-tabs-spacing-inline-end",p):this.style.removeProperty("--scb-tabs-spacing-inline-end")}function l(a){if(!a)return;const t=String(a).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}n([c({type:String,reflect:!0,attribute:"aria-label"})],e.prototype,"ariaLabel",void 0);n([c({type:String,reflect:!0})],e.prototype,"spacing",void 0);n([c({type:String,attribute:"spacing-top",reflect:!0})],e.prototype,"spacingTop",void 0);n([c({type:String,attribute:"spacing-bottom",reflect:!0})],e.prototype,"spacingBottom",void 0);n([c({type:String,attribute:"spacing-left",reflect:!0})],e.prototype,"spacingLeft",void 0);n([c({type:String,attribute:"spacing-right",reflect:!0})],e.prototype,"spacingRight",void 0);e=n([v("scb-tabs")],e);