@florid-kit/components 0.3.22 → 0.3.25

package/index.js

@@ -438,7 +438,7 @@
       display: inline-flex;
       align-items: center;
     }
-  `;v([l()],u.prototype,"type",2);v([l({reflect:!0})],u.prototype,"value",2);v([l({type:String,reflect:!0})],u.prototype,"variant",2);v([l({type:String})],u.prototype,"text",2);v([l({type:String})],u.prototype,"textsecond",2);v([l({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);v([l({type:Boolean,reflect:!0})],u.prototype,"disabled",2);v([l({type:String,attribute:"iconstrokewidth"})],u.prototype,"iconstrokewidth",2);v([l({type:String})],u.prototype,"icon",2);v([l({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);v([l({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);v([l({type:String,reflect:!0,attribute:"iconsize"})],u.prototype,"iconSize",2);v([l({type:String,attribute:"paneltarget"})],u.prototype,"panelTarget",2);v([l({type:String})],u.prototype,"href",2);v([l({type:String})],u.prototype,"target",2);u=v([U("o-button")],u);var me=Object.defineProperty,we=Object.getOwnPropertyDescriptor,Q=(o,t,e,s)=>{for(var n=s>1?void 0:s?we(t,e):t,r=o.length-1,i;r>=0;r--)(i=o[r])&&(n=(s?i(t,e,n):i(n))||n);return s&&n&&me(t,e,n),n};let T=class extends ${constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist",this.toggleStatus=()=>{this.status=this.status==="empty"?"filled":"empty",this.setAttribute("aria-pressed",String(this.status==="filled")),this.dispatchEvent(new CustomEvent("wishlist-toggle",{detail:{status:this.status},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.setAttribute("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(o){(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),this.toggleStatus())}render(){const o=pt.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return d`
+  `;v([l()],u.prototype,"type",2);v([l({reflect:!0})],u.prototype,"value",2);v([l({type:String,reflect:!0})],u.prototype,"variant",2);v([l({type:String})],u.prototype,"text",2);v([l({type:String})],u.prototype,"textsecond",2);v([l({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);v([l({type:Boolean,reflect:!0})],u.prototype,"disabled",2);v([l({type:String,attribute:"iconstrokewidth"})],u.prototype,"iconstrokewidth",2);v([l({type:String})],u.prototype,"icon",2);v([l({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);v([l({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);v([l({type:String,reflect:!0,attribute:"iconsize"})],u.prototype,"iconSize",2);v([l({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);v([l({type:String})],u.prototype,"href",2);v([l({type:String})],u.prototype,"target",2);u=v([U("o-button")],u);var me=Object.defineProperty,we=Object.getOwnPropertyDescriptor,Q=(o,t,e,s)=>{for(var n=s>1?void 0:s?we(t,e):t,r=o.length-1,i;r>=0;r--)(i=o[r])&&(n=(s?i(t,e,n):i(n))||n);return s&&n&&me(t,e,n),n};let T=class extends ${constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist",this.toggleStatus=()=>{this.status=this.status==="empty"?"filled":"empty",this.setAttribute("aria-pressed",String(this.status==="filled")),this.dispatchEvent(new CustomEvent("wishlist-toggle",{detail:{status:this.status},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.setAttribute("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(o){(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),this.toggleStatus())}render(){const o=pt.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return d`
 			<button
 				type="button"
 				aria-describedby="${this.ariaDescribedBy}"
@@ -656,7 +656,7 @@
 			text-decoration: underline;
 			cursor: pointer;
 		}
-	`;Y([l({type:Number})],z.prototype,"rating",2);Y([l({type:String})],z.prototype,"reviewCount",2);Y([l({type:String})],z.prototype,"href",2);z=Y([U("o-rating")],z);var Ee=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,y=(o,t,e,s)=>{for(var n=s>1?void 0:s?Ce(t,e):t,r=o.length-1,i;r>=0;r--)(i=o[r])&&(n=(s?i(t,e,n):i(n))||n);return s&&n&&Ee(t,e,n),n};let b=class extends ${constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.headerTitle="",this.closeButtonLabel="Close the modal",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.secondaryButtonLabel="",this.secondaryButtonVariant="secondary",this.previousFocusedElement=null,this.handleKeyDown=o=>{this.open&&(o.key==="Escape"?this.closePanel():o.key==="Tab"&&this.trapFocus(o))}}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){document.body.style.overflow="",window.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}trapFocus(o){const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],s=t[t.length-1];o.shiftKey&&document.activeElement===e?(o.preventDefault(),s.focus()):!o.shiftKey&&document.activeElement===s&&(o.preventDefault(),e.focus())}getFocusableElements(){const o=this.renderRoot.querySelector(".panel");return o?Array.from(o.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(t=>!t.hasAttribute("disabled")):[]}openPanel(){this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",this.updateComplete.then(()=>{const o=this.getFocusableElements()[0];o==null||o.focus()})}closePanel(){var o;this.open=!1,document.body.style.overflow="",(o=this.previousFocusedElement)==null||o.focus(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(){typeof this.onFirstButtonClick=="function"&&this.onFirstButtonClick(),this.closePanel()}handleSecondaryClick(){typeof this.onSecondaryButtonClick=="function"&&this.onSecondaryButtonClick(),this.closePanel()}render(){return d`
+	`;Y([l({type:Number})],z.prototype,"rating",2);Y([l({type:String})],z.prototype,"reviewCount",2);Y([l({type:String})],z.prototype,"href",2);z=Y([U("o-rating")],z);var Ee=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,y=(o,t,e,s)=>{for(var n=s>1?void 0:s?Ce(t,e):t,r=o.length-1,i;r>=0;r--)(i=o[r])&&(n=(s?i(t,e,n):i(n))||n);return s&&n&&Ee(t,e,n),n};let b=class extends ${constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.headerTitle="",this.closeButtonLabel="Close the modal",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.secondaryButtonLabel="",this.secondaryButtonVariant="secondary",this.previousFocusedElement=null,this.handleKeyDown=o=>{this.open&&(o.key==="Escape"?this.closePanel():o.key==="Tab"&&this.trapFocus(o))}}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),window.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}trapFocus(o){const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],s=t[t.length-1];o.shiftKey&&document.activeElement===e?(o.preventDefault(),s.focus()):!o.shiftKey&&document.activeElement===s&&(o.preventDefault(),e.focus())}getFocusableElements(){const o=this.renderRoot.querySelector(".panel");return o?Array.from(o.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(t=>!t.hasAttribute("disabled")):[]}openPanel(){this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open"),this.updateComplete.then(()=>{const o=this.getFocusableElements()[0];o==null||o.focus()})}closePanel(){var o;this.open=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),(o=this.previousFocusedElement)==null||o.focus(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(){typeof this.onFirstButtonClick=="function"&&this.onFirstButtonClick(),this.closePanel()}handleSecondaryClick(){typeof this.onSecondaryButtonClick=="function"&&this.onSecondaryButtonClick(),this.closePanel()}render(){return d`
 			<div class="overlay" @click=${this.closePanel}></div>
 			<div
 				class="panel"
@@ -762,6 +762,7 @@
 		.content {
 			flex: 1 1 auto;
 			overflow-y: auto;
+			overflow-x: hidden;
 			padding: 16px;
 		}
 

package/index.mjs

@@ -1224,7 +1224,7 @@ v([
   l({ type: String, reflect: !0, attribute: "iconsize" })
 ], u.prototype, "iconSize", 2);
 v([
-  l({ type: String, attribute: "paneltarget" })
+  l({ type: String, attribute: "paneltarget", reflect: !0 })
 ], u.prototype, "panelTarget", 2);
 v([
   l({ type: String })
@@ -1595,7 +1595,7 @@ let b = class extends $ {
     super.connectedCallback(), window.addEventListener("keydown", this.handleKeyDown);
   }
   disconnectedCallback() {
-    document.body.style.overflow = "", window.removeEventListener("keydown", this.handleKeyDown), super.disconnectedCallback();
+    document.body.style.overflow = "", document.body.removeAttribute("data-side-panel"), window.removeEventListener("keydown", this.handleKeyDown), super.disconnectedCallback();
   }
   trapFocus(o) {
     const t = this.getFocusableElements();
@@ -1612,14 +1612,14 @@ let b = class extends $ {
     ).filter((t) => !t.hasAttribute("disabled")) : [];
   }
   openPanel() {
-    this.previousFocusedElement = document.activeElement, this.open = !0, document.body.style.overflow = "hidden", this.updateComplete.then(() => {
+    this.previousFocusedElement = document.activeElement, this.open = !0, document.body.style.overflow = "hidden", document.body.setAttribute("data-side-panel", "open"), this.updateComplete.then(() => {
       const o = this.getFocusableElements()[0];
       o == null || o.focus();
     });
   }
   closePanel() {
     var o;
-    this.open = !1, document.body.style.overflow = "", (o = this.previousFocusedElement) == null || o.focus(), this.dispatchEvent(
+    this.open = !1, document.body.style.overflow = "", document.body.removeAttribute("data-side-panel"), (o = this.previousFocusedElement) == null || o.focus(), this.dispatchEvent(
       new CustomEvent("close", { bubbles: !0, composed: !0 })
     );
   }
@@ -1739,6 +1739,7 @@ b.styles = E`
 		.content {
 			flex: 1 1 auto;
 			overflow-y: auto;
+			overflow-x: hidden;
 			padding: 16px;
 		}
 

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@florid-kit/components",
-  "version": "0.3.22",
+  "version": "0.3.25",
   "main": "index.js",
   "module": "index.mjs",
   "typings": "index.d.ts",
   "description": "This library was generated with [Nx](https://nx.dev).",
   "dependencies": {
-    "@florid-kit/tokens": "^0.1.4"
+    "@florid-kit/tokens": "^0.1.6"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "8.6.14",