@spectrum-web-components/button-group - npm Package Compare versions

Comparing version 0.0.0-20241211115453 to 0.0.0-20250210074307

custom-elements.json

		@@ -47,2 +47,9 @@ {
		{
		"kind": "field",
		"name": "slotElement",
		"type": {
		"text": "HTMLSlotElement"
		}
		},
		{
		"kind": "method",
		@@ -64,2 +71,20 @@ "name": "handleSlotchange",
		]
		},
		{
		"kind": "method",
		"name": "manageChildrenSize",
		"privacy": "private",
		"return": {
		"type": {
		"text": "void"
		}
		},
		"parameters": [
		{
		"name": "slot",
		"type": {
		"text": "HTMLSlotElement"
		}
		}
		]
		}
		@@ -66,0 +91,0 @@ ],

package.json

		{
		"name": "@spectrum-web-components/button-group",
		"version": "0.0.0-20241211115453",
		"version": "0.0.0-20250210074307",
		"publishConfig": {
		@@ -61,7 +61,7 @@ "access": "public"
		"dependencies": {
		"@spectrum-web-components/base": "0.0.0-20241211115453",
		"@spectrum-web-components/button": "0.0.0-20241211115453"
		"@spectrum-web-components/base": "0.0.0-20250210074307",
		"@spectrum-web-components/button": "0.0.0-20250210074307"
		},
		"devDependencies": {
		"@spectrum-css/buttongroup": "^8.0.0-s2-foundations.15"
		"@spectrum-css/buttongroup": "8.0.0-s2-foundations.15"
		},
		@@ -68,0 +68,0 @@ "types": "./src/index.d.ts",

src/ButtonGroup.d.ts

		@@ -1,2 +0,2 @@
		import { CSSResultArray, SpectrumElement, TemplateResult } from '@spectrum-web-components/base';
		import { CSSResultArray, PropertyValues, SpectrumElement, TemplateResult } from '@spectrum-web-components/base';
		declare const ButtonGroup_base: typeof SpectrumElement & {
		@@ -13,7 +13,10 @@ new (...args: any[]): import("@spectrum-web-components/base").SizedElementInterface;
		vertical: boolean;
		slotElement: HTMLSlotElement;
		protected updated(changedProperties: PropertyValues): void;
		protected handleSlotchange({ target: slot, }: Event & {
		target: HTMLSlotElement;
		}): void;
		private manageChildrenSize;
		protected render(): TemplateResult;
		}
		export {};

src/ButtonGroup.dev.js

		@@ -17,3 +17,6 @@ "use strict";
		} from "@spectrum-web-components/base";
		import { property } from "@spectrum-web-components/base/src/decorators.js";
		import {
		property,
		query
		} from "@spectrum-web-components/base/src/decorators.js";
		import styles from "./button-group.css.js";
		@@ -30,5 +33,14 @@ export class ButtonGroup extends SizedMixin(SpectrumElement, {
		}
		updated(changedProperties) {
		super.updated(changedProperties);
		if (changedProperties.has("size")) {
		this.manageChildrenSize(this.slotElement);
		}
		}
		handleSlotchange({
		target: slot
		}) {
		this.manageChildrenSize(slot);
		}
		manageChildrenSize(slot) {
		const assignedElements = slot.assignedElements();
		@@ -48,2 +60,5 @@ assignedElements.forEach((button) => {
		], ButtonGroup.prototype, "vertical", 2);
		__decorateClass([
		query("slot")
		], ButtonGroup.prototype, "slotElement", 2);
		//# sourceMappingURL=ButtonGroup.dev.js.map

src/ButtonGroup.js

		@@ -1,4 +0,4 @@
		"use strict";var i=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var a=(o,t,r,s)=>{for(var e=s>1?void 0:s?m(t,r):t,l=o.length-1,n;l>=0;l--)(n=o[l])&&(e=(s?n(t,r,e):n(e))\|\|e);return s&&e&&i(t,r,e),e};import{html as p,SizedMixin as c,SpectrumElement as u}from"@spectrum-web-components/base";import{property as d}from"@spectrum-web-components/base/src/decorators.js";import S from"./button-group.css.js";export class ButtonGroup extends c(u,{noDefaultSize:!0}){constructor(){super(...arguments);this.vertical=!1}static get styles(){return[S]}handleSlotchange({target:r}){r.assignedElements().forEach(e=>{e.size=this.size})}render(){return p`
		"use strict";var a=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var n=(s,r,e,l)=>{for(var t=l>1?void 0:l?m(r,e):r,o=s.length-1,i;o>=0;o--)(i=s[o])&&(t=(l?i(r,e,t):i(t))\|\|t);return l&&t&&a(r,e,t),t};import{html as d,SizedMixin as p,SpectrumElement as u}from"@spectrum-web-components/base";import{property as c,query as h}from"@spectrum-web-components/base/src/decorators.js";import S from"./button-group.css.js";export class ButtonGroup extends p(u,{noDefaultSize:!0}){constructor(){super(...arguments);this.vertical=!1}static get styles(){return[S]}updated(e){super.updated(e),e.has("size")&&this.manageChildrenSize(this.slotElement)}handleSlotchange({target:e}){this.manageChildrenSize(e)}manageChildrenSize(e){e.assignedElements().forEach(t=>{t.size=this.size})}render(){return d`
		<slot @slotchange=${this.handleSlotchange}></slot>
		`}}a([d({type:Boolean,reflect:!0})],ButtonGroup.prototype,"vertical",2);
		`}}n([c({type:Boolean,reflect:!0})],ButtonGroup.prototype,"vertical",2),n([h("slot")],ButtonGroup.prototype,"slotElement",2);
		//# sourceMappingURL=ButtonGroup.js.map

src/button-group-overrides.css.dev.js.map