@simplysm/angular 14.0.42 → 14.0.44

package/dist/controls/button/sd-additional-button.js

@@ -35,4 +35,4 @@ export class SdAdditionalButton {
                     "[attr.data-sd-inset]": "inset()",
                 }, styles: ["sd-additional-button {\n  border: 1px solid var(--trans-light);\n  border-radius: var(--border-radius-default);\n  overflow: hidden;\n}\nsd-additional-button > ._content {\n  padding: var(--gap-sm) var(--gap-default);\n}\nsd-additional-button > ._button {\n  display: flex;\n  flex-wrap: nowrap;\n  flex-direction: row;\n}\n@supports not (appearance: auto) {\n  sd-additional-button > ._button.gap-xxs {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-xxs > * + * {\n    margin-left: var(--gap-xxs);\n  }\n  sd-additional-button > ._button.gap-xs {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-xs > * + * {\n    margin-left: var(--gap-xs);\n  }\n  sd-additional-button > ._button.gap-sm {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-sm > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-additional-button > ._button.gap-default {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-default > * + * {\n    margin-left: var(--gap-default);\n  }\n  sd-additional-button > ._button.gap-lg {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-lg > * + * {\n    margin-left: var(--gap-lg);\n  }\n  sd-additional-button > ._button.gap-xl {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-xl > * + * {\n    margin-left: var(--gap-xl);\n  }\n  sd-additional-button > ._button.gap-xxl {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-xxl > * + * {\n    margin-left: var(--gap-xxl);\n  }\n  sd-additional-button > ._button.gap-0 {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-0 > * + * {\n    margin-left: var(--gap-0);\n  }\n  sd-additional-button > ._button.gap-auto {\n    gap: 0;\n  }\n  sd-additional-button > ._button.gap-auto > * + * {\n    margin-left: var(--gap-auto);\n  }\n}\nsd-additional-button > ._button > sd-anchor {\n  padding: var(--gap-sm) !important;\n}\nsd-additional-button > ._button > sd-button > button {\n  border-left: 1px solid var(--trans-lighter) !important;\n  padding: var(--gap-sm) !important;\n  height: 100%;\n}\nsd-additional-button[data-sd-inset=true] {\n  border-radius: 0;\n  border: none;\n}\nsd-additional-button[data-sd-size=sm] > ._content {\n  padding: var(--gap-xs) var(--gap-default);\n}\nsd-additional-button[data-sd-size=sm] > ._button > sd-anchor {\n  padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-additional-button[data-sd-size=sm] > ._button > sd-button > button {\n  padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-additional-button[data-sd-size=lg] > ._content {\n  padding: var(--gap-default) var(--gap-xl);\n}\nsd-additional-button[data-sd-size=lg] > ._button > sd-anchor {\n  padding: var(--gap-default) !important;\n}\nsd-additional-button[data-sd-size=lg] > ._button > sd-button > button {\n  padding: var(--gap-default) !important;\n}"] }]
     }], null, { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdAdditionalButton, { className: "SdAdditionalButton", filePath: "packages/angular/src/controls/button/sd-additional-button.ts", lineNumber: 97, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdAdditionalButton, { className: "SdAdditionalButton", filePath: "packages/angular/src/controls/button/sd-additional-button.ts", lineNumber: 97 }); })();

package/dist/controls/button/sd-anchor.js

@@ -22,4 +22,4 @@ export class SdAnchor {
                     "[attr.tabindex]": "disabled() ? undefined : 0",
                 }, styles: ["sd-anchor {\n  display: inline-block;\n  cursor: pointer;\n}\nsd-anchor[data-sd-theme=gray] {\n  color: var(--theme-gray-default);\n}\nsd-anchor[data-sd-theme=gray]:hover {\n  color: var(--theme-gray-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=gray]:active {\n  color: var(--theme-gray-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=gray]:hover {\n    color: var(--theme-gray-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=blue-gray] {\n  color: var(--theme-blue-gray-default);\n}\nsd-anchor[data-sd-theme=blue-gray]:hover {\n  color: var(--theme-blue-gray-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=blue-gray]:active {\n  color: var(--theme-blue-gray-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=blue-gray]:hover {\n    color: var(--theme-blue-gray-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=primary] {\n  color: var(--theme-primary-default);\n}\nsd-anchor[data-sd-theme=primary]:hover {\n  color: var(--theme-primary-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=primary]:active {\n  color: var(--theme-primary-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=primary]:hover {\n    color: var(--theme-primary-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=secondary] {\n  color: var(--theme-secondary-default);\n}\nsd-anchor[data-sd-theme=secondary]:hover {\n  color: var(--theme-secondary-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=secondary]:active {\n  color: var(--theme-secondary-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=secondary]:hover {\n    color: var(--theme-secondary-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=info] {\n  color: var(--theme-info-default);\n}\nsd-anchor[data-sd-theme=info]:hover {\n  color: var(--theme-info-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=info]:active {\n  color: var(--theme-info-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=info]:hover {\n    color: var(--theme-info-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=success] {\n  color: var(--theme-success-default);\n}\nsd-anchor[data-sd-theme=success]:hover {\n  color: var(--theme-success-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=success]:active {\n  color: var(--theme-success-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=success]:hover {\n    color: var(--theme-success-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=warning] {\n  color: var(--theme-warning-default);\n}\nsd-anchor[data-sd-theme=warning]:hover {\n  color: var(--theme-warning-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=warning]:active {\n  color: var(--theme-warning-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=warning]:hover {\n    color: var(--theme-warning-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-theme=danger] {\n  color: var(--theme-danger-default);\n}\nsd-anchor[data-sd-theme=danger]:hover {\n  color: var(--theme-danger-darker);\n  text-decoration: underline;\n}\nsd-anchor[data-sd-theme=danger]:active {\n  color: var(--theme-danger-default);\n}\n@media all and (pointer: coarse) {\n  sd-anchor[data-sd-theme=danger]:hover {\n    color: var(--theme-danger-default);\n    text-decoration: none;\n  }\n}\nsd-anchor[data-sd-disabled=true] {\n  opacity: 0.3;\n  pointer-events: none;\n}"] }]
     }], null, { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdAnchor, { className: "SdAnchor", filePath: "packages/angular/src/controls/button/sd-anchor.ts", lineNumber: 62, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdAnchor, { className: "SdAnchor", filePath: "packages/angular/src/controls/button/sd-anchor.ts", lineNumber: 62 }); })();

package/dist/controls/button/sd-button.js

@@ -46,4 +46,4 @@ export class SdButton {
                     "[attr.data-sd-disabled]": "disabled()",
                 }, styles: ["sd-button > button {\n  display: block;\n  padding: var(--gap-sm) var(--gap-default);\n  border: 1px solid transparent;\n  font-size: var(--font-size-default);\n  font-family: var(--font-family);\n  font-variant-numeric: tabular-nums;\n  line-height: var(--line-height);\n  color: var(--text-trans-default);\n  user-select: none;\n  padding: var(--gap-sm) var(--gap-lg);\n  width: 100%;\n  background: var(--control-color);\n  border-color: var(--border-color-default);\n  border-radius: var(--border-radius-default);\n  font-weight: bold;\n  text-align: center;\n  cursor: pointer;\n  transition: 0.1s linear;\n  transition-property: border, background;\n}\nsd-button > button:hover {\n  background: var(--theme-gray-lightest);\n}\nsd-button > button:disabled {\n  background: var(--control-color);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-inset=true] > button {\n  border-radius: 0;\n  border: none;\n  color: var(--theme-primary-default);\n}\nsd-button[data-sd-inset=true] > button:hover {\n  color: var(--theme-primary-darker);\n}\nsd-button[data-sd-inset=true] > button:disabled {\n  background: var(--control-color);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-default);\n  cursor: default;\n}\nsd-button[data-sd-theme=gray] > button {\n  background: var(--theme-gray-default);\n  border-color: var(--theme-gray-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=gray] > button:hover {\n  background: var(--theme-gray-dark);\n  border-color: var(--theme-gray-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=gray] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=blue-gray] > button {\n  background: var(--theme-blue-gray-default);\n  border-color: var(--theme-blue-gray-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=blue-gray] > button:hover {\n  background: var(--theme-blue-gray-dark);\n  border-color: var(--theme-blue-gray-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=blue-gray] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=primary] > button {\n  background: var(--theme-primary-default);\n  border-color: var(--theme-primary-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=primary] > button:hover {\n  background: var(--theme-primary-dark);\n  border-color: var(--theme-primary-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=primary] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=secondary] > button {\n  background: var(--theme-secondary-default);\n  border-color: var(--theme-secondary-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=secondary] > button:hover {\n  background: var(--theme-secondary-dark);\n  border-color: var(--theme-secondary-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=secondary] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=info] > button {\n  background: var(--theme-info-default);\n  border-color: var(--theme-info-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=info] > button:hover {\n  background: var(--theme-info-dark);\n  border-color: var(--theme-info-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=info] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=success] > button {\n  background: var(--theme-success-default);\n  border-color: var(--theme-success-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=success] > button:hover {\n  background: var(--theme-success-dark);\n  border-color: var(--theme-success-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=success] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=warning] > button {\n  background: var(--theme-warning-default);\n  border-color: var(--theme-warning-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=warning] > button:hover {\n  background: var(--theme-warning-dark);\n  border-color: var(--theme-warning-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=warning] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=danger] > button {\n  background: var(--theme-danger-default);\n  border-color: var(--theme-danger-default);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=danger] > button:hover {\n  background: var(--theme-danger-dark);\n  border-color: var(--theme-danger-dark);\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=danger] > button:disabled {\n  background: var(--theme-gray-lighter);\n  border-color: var(--theme-gray-lighter);\n  color: var(--text-trans-lighter);\n  cursor: default;\n}\nsd-button[data-sd-theme=link] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-primary-default);\n}\nsd-button[data-sd-theme=link] > button:hover {\n  color: var(--theme-primary-darker);\n}\nsd-button[data-sd-theme=link] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-gray] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-gray-default);\n}\nsd-button[data-sd-theme=link-gray] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-gray-darker);\n}\nsd-button[data-sd-theme=link-gray] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-blue-gray] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-blue-gray-default);\n}\nsd-button[data-sd-theme=link-blue-gray] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-blue-gray-darker);\n}\nsd-button[data-sd-theme=link-blue-gray] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-primary] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-primary-default);\n}\nsd-button[data-sd-theme=link-primary] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-primary-darker);\n}\nsd-button[data-sd-theme=link-primary] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-secondary] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-secondary-default);\n}\nsd-button[data-sd-theme=link-secondary] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-secondary-darker);\n}\nsd-button[data-sd-theme=link-secondary] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-info] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-info-default);\n}\nsd-button[data-sd-theme=link-info] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-info-darker);\n}\nsd-button[data-sd-theme=link-info] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-success] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-success-default);\n}\nsd-button[data-sd-theme=link-success] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-success-darker);\n}\nsd-button[data-sd-theme=link-success] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-warning] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-warning-default);\n}\nsd-button[data-sd-theme=link-warning] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-warning-darker);\n}\nsd-button[data-sd-theme=link-warning] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-danger] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--theme-danger-default);\n}\nsd-button[data-sd-theme=link-danger] > button:hover {\n  background: var(--trans-lighter);\n  color: var(--theme-danger-darker);\n}\nsd-button[data-sd-theme=link-danger] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-rev] > button {\n  border-color: transparent;\n  background: transparent;\n  color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=link-rev] > button:hover {\n  color: var(--text-trans-rev-dark);\n}\nsd-button[data-sd-theme=link-rev] > button:disabled {\n  border-color: transparent;\n  color: var(--text-trans-rev-darker);\n}\nsd-button[data-sd-inline=true] > button {\n  display: inline-block;\n  width: auto;\n  vertical-align: top;\n}\nsd-button[data-sd-size=sm] > button {\n  padding: var(--gap-xs) var(--gap-default);\n}\nsd-button[data-sd-size=lg] > button {\n  padding: var(--gap-default) var(--gap-xl);\n}\nsd-button[data-sd-disabled=true]:active {\n  pointer-events: none;\n}"] }]
     }], null, { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], buttonStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonStyle", required: false }] }], buttonClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonClass", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdButton, { className: "SdButton", filePath: "packages/angular/src/controls/button/sd-button.ts", lineNumber: 181, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdButton, { className: "SdButton", filePath: "packages/angular/src/controls/button/sd-button.ts", lineNumber: 181 }); })();

package/dist/controls/button/sd-modal-select-button.d.ts

@@ -31,7 +31,7 @@ export declare class SdModalSelectButton<T extends object, K, M extends keyof Se
     _hasValue: import("@angular/core").Signal<boolean>;
     constructor();
     onEraseClick(): void;
-    onSearchClick(): Promise<void>;
+    onSearchClick(event: MouseEvent): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdModalSelectButton<any, any, any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdModalSelectButton<any, any, any>, "sd-modal-select-button", never, { "modal": { "alias": "modal"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "selectedItems": { "alias": "selectedItems"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "inset": { "alias": "inset"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "selectMode": { "alias": "selectMode"; "required": false; "isSignal": true; }; "modalOptions": { "alias": "modalOptions"; "required": false; "isSignal": true; }; "searchIcon": { "alias": "searchIcon"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "selectedItems": "selectedItemsChange"; }, never, ["*"], true, never>;
 }

package/dist/controls/button/sd-modal-select-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-modal-select-button.d.ts","sourceRoot":"","sources":["../../../src/controls/button/sd-modal-select-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,WAAW,EAEjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,WAAW,EAChB,KAAK,cAAc,EACpB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAI3D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;;AAIrF;;;GAGG;AACH,MAAM,WAAW,aAAa,CAAC,CAAC,CAAE,SAAQ,iBAAiB,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC;IACrF,UAAU,EAAE,WAAW,CAAC,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;IACxD,gBAAgB,EAAE,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC;CACtC;AAED;;GAEG;AACH,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,aAAa,CAAC,GAAG,CAAC,IAAI,WAAW,CACvE,CAAC,EACD,YAAY,GAAG,kBAAkB,CAClC,CAAC;AAEF,qBAuGa,mBAAmB,CAC9B,CAAC,SAAS,MAAM,EAChB,CAAC,EACD,CAAC,SAAS,MAAM,eAAe,CAAC,CAAC,CAAC,GAAG,MAAM,eAAe,CAAC,CAAC,CAAC;IAE7D,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2B;IAEpD,KAAK,mDAAyD;IAE9D,KAAK,yEAAkC;IACvC,aAAa,2CAAkB;IAE/B,QAAQ,qEAAiD;IACzD,QAAQ,qEAAiD;IACzD,KAAK,qEAAiD;IACtD,IAAI,uCAAwB;IAC5B,UAAU,iBAA2B;IACrC,YAAY,0CAA2B;IAEvC,UAAU,sBAAuB;IAEjC,SAAS,CAAC,QAAQ,CAAC,YAAY,obAAgB;IAE/C,SAAS,0CAKN;;IAYH,YAAY,IAAI,IAAI;IAKd,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;yCA7CzB,mBAAmB;2CAAnB,mBAAmB;CAkE/B"}
+{"version":3,"file":"sd-modal-select-button.d.ts","sourceRoot":"","sources":["../../../src/controls/button/sd-modal-select-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,WAAW,EAEjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,WAAW,EAChB,KAAK,cAAc,EACpB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAI3D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;;AAIrF;;;GAGG;AACH,MAAM,WAAW,aAAa,CAAC,CAAC,CAAE,SAAQ,iBAAiB,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC;IACrF,UAAU,EAAE,WAAW,CAAC,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;IACxD,gBAAgB,EAAE,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC;CACtC;AAED;;GAEG;AACH,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,aAAa,CAAC,GAAG,CAAC,IAAI,WAAW,CACvE,CAAC,EACD,YAAY,GAAG,kBAAkB,CAClC,CAAC;AAEF,qBAyGa,mBAAmB,CAC9B,CAAC,SAAS,MAAM,EAChB,CAAC,EACD,CAAC,SAAS,MAAM,eAAe,CAAC,CAAC,CAAC,GAAG,MAAM,eAAe,CAAC,CAAC,CAAC;IAE7D,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2B;IAEpD,KAAK,mDAAyD;IAE9D,KAAK,yEAAkC;IACvC,aAAa,2CAAkB;IAE/B,QAAQ,qEAAiD;IACzD,QAAQ,qEAAiD;IACzD,KAAK,qEAAiD;IACtD,IAAI,uCAAwB;IAC5B,UAAU,iBAA2B;IACrC,YAAY,0CAA2B;IAEvC,UAAU,sBAAuB;IAEjC,SAAS,CAAC,QAAQ,CAAC,YAAY,obAAgB;IAE/C,SAAS,0CAKN;;IAYH,YAAY,IAAI,IAAI;IAKd,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC;yCA7C1C,mBAAmB;2CAAnB,mBAAmB;CAqE/B"}

package/dist/controls/button/sd-modal-select-button.js

@@ -22,7 +22,7 @@ function SdModalSelectButton_Conditional_3_Template(rf, ctx) { if (rf & 1) {
 function SdModalSelectButton_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "sd-button", 6);
-    i0.ɵɵlistener("click", function SdModalSelectButton_Conditional_4_Template_sd_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSearchClick()); });
+    i0.ɵɵlistener("click", function SdModalSelectButton_Conditional_4_Template_sd_button_click_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSearchClick($event)); });
     i0.ɵɵelement(1, "ng-icon", 5);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -68,7 +68,9 @@ export class SdModalSelectButton {
         this.value.set((this.selectMode() === "multi" ? [] : undefined));
         this.selectedItems.set([]);
     }
-    async onSearchClick() {
+    async onSearchClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
         const modal = this.modal();
         const result = await this._sdModal.showAsync({
             ...modal,
@@ -103,7 +105,7 @@ export class SdModalSelectButton {
             i0.ɵɵconditional(!ctx.disabled() && !ctx.required() && ctx._hasValue() ? 3 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(!ctx.disabled() ? 4 : -1);
-        } }, dependencies: [SdAnchor, SdButton, NgIcon], styles: ["sd-modal-select-button {\n  display: flex;\n  flex-direction: row;\n  gap: var(--gap-sm);\n  position: relative;\n  border: 1px solid var(--trans-light);\n  border-radius: var(--border-radius-default);\n  overflow: hidden;\n}\nsd-modal-select-button > ._content {\n  flex: 1;\n  padding: var(--gap-sm) var(--gap-default);\n}\nsd-modal-select-button > ._button {\n  display: flex;\n  flex-wrap: nowrap;\n  flex-direction: row;\n}\n@supports not (appearance: auto) {\n  sd-modal-select-button > ._button.gap-xxs {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xxs > * + * {\n    margin-left: var(--gap-xxs);\n  }\n  sd-modal-select-button > ._button.gap-xs {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xs > * + * {\n    margin-left: var(--gap-xs);\n  }\n  sd-modal-select-button > ._button.gap-sm {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-sm > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-modal-select-button > ._button.gap-default {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-default > * + * {\n    margin-left: var(--gap-default);\n  }\n  sd-modal-select-button > ._button.gap-lg {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-lg > * + * {\n    margin-left: var(--gap-lg);\n  }\n  sd-modal-select-button > ._button.gap-xl {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xl > * + * {\n    margin-left: var(--gap-xl);\n  }\n  sd-modal-select-button > ._button.gap-xxl {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xxl > * + * {\n    margin-left: var(--gap-xxl);\n  }\n  sd-modal-select-button > ._button.gap-0 {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-0 > * + * {\n    margin-left: var(--gap-0);\n  }\n  sd-modal-select-button > ._button.gap-auto {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-auto > * + * {\n    margin-left: var(--gap-auto);\n  }\n}\nsd-modal-select-button > ._button > sd-anchor {\n  padding: var(--gap-sm) !important;\n}\nsd-modal-select-button > ._button > sd-button > button {\n  border-left: 1px solid var(--trans-lighter) !important;\n  padding: var(--gap-sm) !important;\n  height: 100%;\n}\nsd-modal-select-button[data-sd-inset=true] {\n  border-radius: 0;\n  border: none;\n}\nsd-modal-select-button[data-sd-size=sm] > ._content {\n  padding: var(--gap-xs) var(--gap-default);\n}\nsd-modal-select-button[data-sd-size=sm] > ._button > sd-anchor {\n  padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-modal-select-button[data-sd-size=sm] > ._button > sd-button > button {\n  padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-modal-select-button[data-sd-size=lg] > ._content {\n  padding: var(--gap-default) var(--gap-xl);\n}\nsd-modal-select-button[data-sd-size=lg] > ._button > sd-anchor {\n  padding: var(--gap-default) !important;\n}\nsd-modal-select-button[data-sd-size=lg] > ._button > sd-button > button {\n  padding: var(--gap-default) !important;\n}"], encapsulation: 2, changeDetection: 0 });
+        } }, dependencies: [SdAnchor, SdButton, NgIcon], styles: ["sd-modal-select-button {\n  display: flex;\n  flex-direction: row;\n  gap: var(--gap-sm);\n  position: relative;\n  width: 100%;\n  min-width: 3em;\n  border: 1px solid var(--trans-light);\n  border-radius: var(--border-radius-default);\n  overflow: hidden;\n}\nsd-modal-select-button > ._content {\n  flex: 1;\n  padding: var(--gap-sm) var(--gap-default);\n}\nsd-modal-select-button > ._button {\n  display: flex;\n  flex-wrap: nowrap;\n  flex-direction: row;\n}\n@supports not (appearance: auto) {\n  sd-modal-select-button > ._button.gap-xxs {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xxs > * + * {\n    margin-left: var(--gap-xxs);\n  }\n  sd-modal-select-button > ._button.gap-xs {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xs > * + * {\n    margin-left: var(--gap-xs);\n  }\n  sd-modal-select-button > ._button.gap-sm {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-sm > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-modal-select-button > ._button.gap-default {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-default > * + * {\n    margin-left: var(--gap-default);\n  }\n  sd-modal-select-button > ._button.gap-lg {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-lg > * + * {\n    margin-left: var(--gap-lg);\n  }\n  sd-modal-select-button > ._button.gap-xl {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xl > * + * {\n    margin-left: var(--gap-xl);\n  }\n  sd-modal-select-button > ._button.gap-xxl {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xxl > * + * {\n    margin-left: var(--gap-xxl);\n  }\n  sd-modal-select-button > ._button.gap-0 {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-0 > * + * {\n    margin-left: var(--gap-0);\n  }\n  sd-modal-select-button > ._button.gap-auto {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-auto > * + * {\n    margin-left: var(--gap-auto);\n  }\n}\nsd-modal-select-button > ._button > sd-anchor {\n  padding: var(--gap-sm) !important;\n}\nsd-modal-select-button > ._button > sd-button > button {\n  border-left: 1px solid var(--trans-lighter) !important;\n  padding: var(--gap-sm) !important;\n  height: 100%;\n}\nsd-modal-select-button[data-sd-inset=true] {\n  border-radius: 0;\n  border: none;\n}\nsd-modal-select-button[data-sd-size=sm] > ._content {\n  padding: var(--gap-xs) var(--gap-default);\n}\nsd-modal-select-button[data-sd-size=sm] > ._button > sd-anchor {\n  padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-modal-select-button[data-sd-size=sm] > ._button > sd-button > button {\n  padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-modal-select-button[data-sd-size=lg] > ._content {\n  padding: var(--gap-default) var(--gap-xl);\n}\nsd-modal-select-button[data-sd-size=lg] > ._button > sd-anchor {\n  padding: var(--gap-default) !important;\n}\nsd-modal-select-button[data-sd-size=lg] > ._button > sd-button > button {\n  padding: var(--gap-default) !important;\n}"], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdModalSelectButton, [{
         type: Component,
@@ -118,7 +120,7 @@ export class SdModalSelectButton {
         </sd-anchor>
       }
       @if (!disabled()) {
-        <sd-button [inset]="true" (click)="onSearchClick()">
+        <sd-button [inset]="true" (click)="onSearchClick($event)">
           <ng-icon [svg]="searchIcon()" />
         </sd-button>
       }
@@ -127,6 +129,6 @@ export class SdModalSelectButton {
                     "[attr.data-sd-size]": "size()",
                     "[attr.data-sd-inset]": "inset()",
                     "[attr.data-sd-disabled]": "disabled()",
-                }, styles: ["sd-modal-select-button {\n  display: flex;\n  flex-direction: row;\n  gap: var(--gap-sm);\n  position: relative;\n  border: 1px solid var(--trans-light);\n  border-radius: var(--border-radius-default);\n  overflow: hidden;\n}\nsd-modal-select-button > ._content {\n  flex: 1;\n  padding: var(--gap-sm) var(--gap-default);\n}\nsd-modal-select-button > ._button {\n  display: flex;\n  flex-wrap: nowrap;\n  flex-direction: row;\n}\n@supports not (appearance: auto) {\n  sd-modal-select-button > ._button.gap-xxs {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xxs > * + * {\n    margin-left: var(--gap-xxs);\n  }\n  sd-modal-select-button > ._button.gap-xs {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xs > * + * {\n    margin-left: var(--gap-xs);\n  }\n  sd-modal-select-button > ._button.gap-sm {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-sm > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-modal-select-button > ._button.gap-default {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-default > * + * {\n    margin-left: var(--gap-default);\n  }\n  sd-modal-select-button > ._button.gap-lg {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-lg > * + * {\n    margin-left: var(--gap-lg);\n  }\n  sd-modal-select-button > ._button.gap-xl {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xl > * + * {\n    margin-left: var(--gap-xl);\n  }\n  sd-modal-select-button > ._button.gap-xxl {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xxl > * + * {\n    margin-left: var(--gap-xxl);\n  }\n  sd-modal-select-button > ._button.gap-0 {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-0 > * + * {\n    margin-left: var(--gap-0);\n  }\n  sd-modal-select-button > ._button.gap-auto {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-auto > * + * {\n    margin-left: var(--gap-auto);\n  }\n}\nsd-modal-select-button > ._button > sd-anchor {\n  padding: var(--gap-sm) !important;\n}\nsd-modal-select-button > ._button > sd-button > button {\n  border-left: 1px solid var(--trans-lighter) !important;\n  padding: var(--gap-sm) !important;\n  height: 100%;\n}\nsd-modal-select-button[data-sd-inset=true] {\n  border-radius: 0;\n  border: none;\n}\nsd-modal-select-button[data-sd-size=sm] > ._content {\n  padding: var(--gap-xs) var(--gap-default);\n}\nsd-modal-select-button[data-sd-size=sm] > ._button > sd-anchor {\n  padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-modal-select-button[data-sd-size=sm] > ._button > sd-button > button {\n  padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-modal-select-button[data-sd-size=lg] > ._content {\n  padding: var(--gap-default) var(--gap-xl);\n}\nsd-modal-select-button[data-sd-size=lg] > ._button > sd-anchor {\n  padding: var(--gap-default) !important;\n}\nsd-modal-select-button[data-sd-size=lg] > ._button > sd-button > button {\n  padding: var(--gap-default) !important;\n}"] }]
+                }, styles: ["sd-modal-select-button {\n  display: flex;\n  flex-direction: row;\n  gap: var(--gap-sm);\n  position: relative;\n  width: 100%;\n  min-width: 3em;\n  border: 1px solid var(--trans-light);\n  border-radius: var(--border-radius-default);\n  overflow: hidden;\n}\nsd-modal-select-button > ._content {\n  flex: 1;\n  padding: var(--gap-sm) var(--gap-default);\n}\nsd-modal-select-button > ._button {\n  display: flex;\n  flex-wrap: nowrap;\n  flex-direction: row;\n}\n@supports not (appearance: auto) {\n  sd-modal-select-button > ._button.gap-xxs {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xxs > * + * {\n    margin-left: var(--gap-xxs);\n  }\n  sd-modal-select-button > ._button.gap-xs {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xs > * + * {\n    margin-left: var(--gap-xs);\n  }\n  sd-modal-select-button > ._button.gap-sm {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-sm > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-modal-select-button > ._button.gap-default {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-default > * + * {\n    margin-left: var(--gap-default);\n  }\n  sd-modal-select-button > ._button.gap-lg {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-lg > * + * {\n    margin-left: var(--gap-lg);\n  }\n  sd-modal-select-button > ._button.gap-xl {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xl > * + * {\n    margin-left: var(--gap-xl);\n  }\n  sd-modal-select-button > ._button.gap-xxl {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xxl > * + * {\n    margin-left: var(--gap-xxl);\n  }\n  sd-modal-select-button > ._button.gap-0 {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-0 > * + * {\n    margin-left: var(--gap-0);\n  }\n  sd-modal-select-button > ._button.gap-auto {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-auto > * + * {\n    margin-left: var(--gap-auto);\n  }\n}\nsd-modal-select-button > ._button > sd-anchor {\n  padding: var(--gap-sm) !important;\n}\nsd-modal-select-button > ._button > sd-button > button {\n  border-left: 1px solid var(--trans-lighter) !important;\n  padding: var(--gap-sm) !important;\n  height: 100%;\n}\nsd-modal-select-button[data-sd-inset=true] {\n  border-radius: 0;\n  border: none;\n}\nsd-modal-select-button[data-sd-size=sm] > ._content {\n  padding: var(--gap-xs) var(--gap-default);\n}\nsd-modal-select-button[data-sd-size=sm] > ._button > sd-anchor {\n  padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-modal-select-button[data-sd-size=sm] > ._button > sd-button > button {\n  padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-modal-select-button[data-sd-size=lg] > ._content {\n  padding: var(--gap-default) var(--gap-xl);\n}\nsd-modal-select-button[data-sd-size=lg] > ._button > sd-anchor {\n  padding: var(--gap-default) !important;\n}\nsd-modal-select-button[data-sd-size=lg] > ._button > sd-button > button {\n  padding: var(--gap-default) !important;\n}"] }]
     }], () => [], { modal: [{ type: i0.Input, args: [{ isSignal: true, alias: "modal", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], selectedItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedItems", required: false }] }, { type: i0.Output, args: ["selectedItemsChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], selectMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectMode", required: false }] }], modalOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "modalOptions", required: false }] }], searchIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchIcon", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdModalSelectButton, { className: "SdModalSelectButton", filePath: "packages/angular/src/controls/button/sd-modal-select-button.ts", lineNumber: 146, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdModalSelectButton, { className: "SdModalSelectButton", filePath: "packages/angular/src/controls/button/sd-modal-select-button.ts", lineNumber: 148 }); })();

package/dist/controls/checkbox/sd-checkbox-group-item.js

@@ -50,4 +50,4 @@ export class SdCheckboxGroupItem {
   `,
             }]
     }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdCheckboxGroupItem, { className: "SdCheckboxGroupItem", filePath: "packages/angular/src/controls/checkbox/sd-checkbox-group-item.ts", lineNumber: 31, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdCheckboxGroupItem, { className: "SdCheckboxGroupItem", filePath: "packages/angular/src/controls/checkbox/sd-checkbox-group-item.ts", lineNumber: 31 }); })();

package/dist/controls/checkbox/sd-checkbox-group.js

@@ -23,4 +23,4 @@ export class SdCheckboxGroup {
   `,
             }]
     }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdCheckboxGroup, { className: "SdCheckboxGroup", filePath: "packages/angular/src/controls/checkbox/sd-checkbox-group.ts", lineNumber: 20, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdCheckboxGroup, { className: "SdCheckboxGroup", filePath: "packages/angular/src/controls/checkbox/sd-checkbox-group.ts", lineNumber: 20 }); })();

package/dist/controls/checkbox/sd-checkbox.js

@@ -103,4 +103,4 @@ export class SdCheckbox {
                     "(keydown)": "onKeydown($event)",
                 }, styles: ["sd-checkbox {\n  display: block;\n  padding: var(--gap-sm) var(--gap-default);\n  border: 1px solid transparent;\n  font-size: var(--font-size-default);\n  font-family: var(--font-family);\n  font-variant-numeric: tabular-nums;\n  line-height: var(--line-height);\n  color: var(--text-trans-default);\n  color: inherit;\n  cursor: pointer;\n  height: calc(var(--font-size-default) * var(--line-height-strip-unit) + var(--gap-sm) * 2 + 2px);\n  gap: var(--gap-sm);\n}\n@supports not (appearance: auto) {\n  sd-checkbox {\n    gap: 0;\n  }\n  sd-checkbox > * + * {\n    margin-left: var(--gap-sm);\n  }\n}\nsd-checkbox > ._indicator_rect {\n  display: inline-block;\n  vertical-align: -0.125em;\n  user-select: none;\n  width: calc(var(--font-size-default) + 2px);\n  height: calc(var(--font-size-default) + 2px);\n  border: 1px solid var(--trans-light);\n  background: var(--theme-secondary-lightest);\n}\nsd-checkbox > ._indicator_rect > ._indicator {\n  margin: -1px -2px;\n  text-align: center;\n  opacity: 0;\n  color: var(--text-trans-rev-default);\n}\nsd-checkbox > ._indicator_rect > ._indicator > ng-icon > svg {\n  vertical-align: top;\n  stroke-width: 2.5px !important;\n}\nsd-checkbox ._contents {\n  display: inline-block;\n  vertical-align: top;\n  padding-left: var(--gap-sm);\n}\nsd-checkbox > ._indicator_rect + ._contents:empty {\n  display: none;\n}\nsd-checkbox:focus > ._indicator_rect {\n  border-color: var(--theme-primary-dark);\n}\nsd-checkbox[data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-primary-default);\n}\nsd-checkbox[data-sd-checked=true] > ._indicator_rect > ._indicator {\n  opacity: 1;\n}\nsd-checkbox[data-sd-theme=gray] > ._indicator_rect {\n  background: var(--theme-gray-lightest);\n}\nsd-checkbox[data-sd-theme=gray] > ._indicator_rect > ._indicator {\n  color: var(--theme-gray-default);\n}\nsd-checkbox[data-sd-theme=gray]:focus > ._indicator_rect {\n  border-color: var(--theme-gray-default);\n}\nsd-checkbox[data-sd-theme=gray][data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-gray-default);\n}\nsd-checkbox[data-sd-theme=gray][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--text-trans-rev-default);\n}\nsd-checkbox[data-sd-theme=blue-gray] > ._indicator_rect {\n  background: var(--theme-blue-gray-lightest);\n}\nsd-checkbox[data-sd-theme=blue-gray] > ._indicator_rect > ._indicator {\n  color: var(--theme-blue-gray-default);\n}\nsd-checkbox[data-sd-theme=blue-gray]:focus > ._indicator_rect {\n  border-color: var(--theme-blue-gray-default);\n}\nsd-checkbox[data-sd-theme=blue-gray][data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-blue-gray-default);\n}\nsd-checkbox[data-sd-theme=blue-gray][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--text-trans-rev-default);\n}\nsd-checkbox[data-sd-theme=primary] > ._indicator_rect {\n  background: var(--theme-primary-lightest);\n}\nsd-checkbox[data-sd-theme=primary] > ._indicator_rect > ._indicator {\n  color: var(--theme-primary-default);\n}\nsd-checkbox[data-sd-theme=primary]:focus > ._indicator_rect {\n  border-color: var(--theme-primary-default);\n}\nsd-checkbox[data-sd-theme=primary][data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-primary-default);\n}\nsd-checkbox[data-sd-theme=primary][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--text-trans-rev-default);\n}\nsd-checkbox[data-sd-theme=secondary] > ._indicator_rect {\n  background: var(--theme-secondary-lightest);\n}\nsd-checkbox[data-sd-theme=secondary] > ._indicator_rect > ._indicator {\n  color: var(--theme-secondary-default);\n}\nsd-checkbox[data-sd-theme=secondary]:focus > ._indicator_rect {\n  border-color: var(--theme-secondary-default);\n}\nsd-checkbox[data-sd-theme=secondary][data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-secondary-default);\n}\nsd-checkbox[data-sd-theme=secondary][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--text-trans-rev-default);\n}\nsd-checkbox[data-sd-theme=info] > ._indicator_rect {\n  background: var(--theme-info-lightest);\n}\nsd-checkbox[data-sd-theme=info] > ._indicator_rect > ._indicator {\n  color: var(--theme-info-default);\n}\nsd-checkbox[data-sd-theme=info]:focus > ._indicator_rect {\n  border-color: var(--theme-info-default);\n}\nsd-checkbox[data-sd-theme=info][data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-info-default);\n}\nsd-checkbox[data-sd-theme=info][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--text-trans-rev-default);\n}\nsd-checkbox[data-sd-theme=success] > ._indicator_rect {\n  background: var(--theme-success-lightest);\n}\nsd-checkbox[data-sd-theme=success] > ._indicator_rect > ._indicator {\n  color: var(--theme-success-default);\n}\nsd-checkbox[data-sd-theme=success]:focus > ._indicator_rect {\n  border-color: var(--theme-success-default);\n}\nsd-checkbox[data-sd-theme=success][data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-success-default);\n}\nsd-checkbox[data-sd-theme=success][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--text-trans-rev-default);\n}\nsd-checkbox[data-sd-theme=warning] > ._indicator_rect {\n  background: var(--theme-warning-lightest);\n}\nsd-checkbox[data-sd-theme=warning] > ._indicator_rect > ._indicator {\n  color: var(--theme-warning-default);\n}\nsd-checkbox[data-sd-theme=warning]:focus > ._indicator_rect {\n  border-color: var(--theme-warning-default);\n}\nsd-checkbox[data-sd-theme=warning][data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-warning-default);\n}\nsd-checkbox[data-sd-theme=warning][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--text-trans-rev-default);\n}\nsd-checkbox[data-sd-theme=danger] > ._indicator_rect {\n  background: var(--theme-danger-lightest);\n}\nsd-checkbox[data-sd-theme=danger] > ._indicator_rect > ._indicator {\n  color: var(--theme-danger-default);\n}\nsd-checkbox[data-sd-theme=danger]:focus > ._indicator_rect {\n  border-color: var(--theme-danger-default);\n}\nsd-checkbox[data-sd-theme=danger][data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-danger-default);\n}\nsd-checkbox[data-sd-theme=danger][data-sd-checked=true] > ._indicator_rect > ._indicator {\n  color: var(--text-trans-rev-default);\n}\nsd-checkbox[data-sd-theme=white] > ._indicator_rect {\n  background: var(--control-color);\n  border-color: var(--text-trans-lightest);\n}\nsd-checkbox[data-sd-theme=white]:focus > ._indicator_rect {\n  border-color: var(--text-trans-default);\n}\nsd-checkbox[data-sd-theme=white][data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-primary-default);\n}\nsd-checkbox[data-sd-radio=true] > ._indicator_rect {\n  border-radius: 100%;\n  padding: var(--gap-xs);\n}\nsd-checkbox[data-sd-radio=true] > ._indicator_rect > ._indicator {\n  border-radius: 100%;\n  width: 100%;\n  height: 100%;\n  background: var(--theme-primary-default);\n}\nsd-checkbox[data-sd-radio=true][data-sd-checked=true] > ._indicator_rect {\n  background: var(--theme-secondary-lightest);\n  border-color: var(--theme-primary-dark);\n}\nsd-checkbox[data-sd-size=sm] {\n  height: calc(var(--font-size-default) * var(--line-height-strip-unit) + var(--gap-xs) * 2 + 2px);\n  padding: var(--gap-xs) var(--gap-sm);\n  gap: var(--gap-xs);\n}\n@supports not (appearance: auto) {\n  sd-checkbox[data-sd-size=sm] {\n    gap: 0;\n  }\n  sd-checkbox[data-sd-size=sm] > * + * {\n    margin-left: var(--gap-xs);\n  }\n}\nsd-checkbox[data-sd-size=lg] {\n  height: calc(var(--font-size-default) * var(--line-height-strip-unit) + var(--gap-default) * 2 + 2px);\n  padding: var(--gap-default) var(--gap-lg);\n  gap: var(--gap-default);\n}\n@supports not (appearance: auto) {\n  sd-checkbox[data-sd-size=lg] {\n    gap: 0;\n  }\n  sd-checkbox[data-sd-size=lg] > * + * {\n    margin-left: var(--gap-default);\n  }\n}\nsd-checkbox[data-sd-inset=true] {\n  height: calc(var(--font-size-default) * var(--line-height-strip-unit) + var(--gap-sm) * 2);\n  border: none;\n  justify-content: center;\n  text-align: center;\n}\nsd-checkbox[data-sd-inset=true][data-sd-size=sm] {\n  height: calc(var(--font-size-default) * var(--line-height-strip-unit) + var(--gap-xs) * 2);\n}\nsd-checkbox[data-sd-inset=true][data-sd-size=lg] {\n  height: calc(var(--font-size-default) * var(--line-height-strip-unit) + var(--gap-default) * 2);\n}\nsd-checkbox[data-sd-inline=true] {\n  display: inline-block;\n  vertical-align: top;\n  padding: 0;\n  border: none;\n  height: calc(var(--font-size-default) * var(--line-height-strip-unit));\n  width: auto;\n}\nsd-checkbox[data-sd-disabled=true] {\n  opacity: 0.3;\n  pointer-events: none;\n}"] }]
     }], () => [], { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], canChangeFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "canChangeFn", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], radio: [{ type: i0.Input, args: [{ isSignal: true, alias: "radio", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], contentStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentStyle", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdCheckbox, { className: "SdCheckbox", filePath: "packages/angular/src/controls/checkbox/sd-checkbox.ts", lineNumber: 255, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdCheckbox, { className: "SdCheckbox", filePath: "packages/angular/src/controls/checkbox/sd-checkbox.ts", lineNumber: 255 }); })();

package/dist/controls/checkbox/sd-switch.js

@@ -57,4 +57,4 @@ export class SdSwitch {
     </div>
   `, styles: ["sd-switch {\n  display: block;\n  padding: var(--gap-sm) 0;\n  border: 1px solid transparent;\n  vertical-align: top;\n  cursor: pointer;\n}\nsd-switch > div {\n  height: var(--line-height);\n  width: calc(var(--line-height) * 2 - var(--gap-xs));\n  padding: calc(var(--gap-xs) / 2);\n  border-radius: calc(var(--line-height) / 2);\n  text-align: left;\n  background: var(--theme-gray-lighter);\n}\nsd-switch > div > div {\n  display: inline-block;\n  width: calc(var(--line-height) - var(--gap-xs));\n  height: calc(var(--line-height) - var(--gap-xs));\n  border-radius: 100%;\n  background: var(--control-color);\n  transition: transform var(--animation-duration);\n}\nsd-switch[data-sd-on=true] > div {\n  background: var(--theme-success-default);\n}\nsd-switch[data-sd-on=true] > div > div {\n  transform: translateX(100%);\n}\nsd-switch[data-sd-inline=true] {\n  display: inline-block;\n  padding: 0;\n  border: none;\n}\nsd-switch[data-sd-inset=true] {\n  border: none;\n}\nsd-switch[data-sd-size=sm] {\n  padding: var(--gap-sm) 0;\n}\nsd-switch[data-sd-size=lg] {\n  padding: var(--gap-default) 0;\n}\nsd-switch[data-sd-theme=gray][data-sd-on=true] > div {\n  background: var(--theme-gray-default);\n}\nsd-switch[data-sd-theme=blue-gray][data-sd-on=true] > div {\n  background: var(--theme-blue-gray-default);\n}\nsd-switch[data-sd-theme=primary][data-sd-on=true] > div {\n  background: var(--theme-primary-default);\n}\nsd-switch[data-sd-theme=secondary][data-sd-on=true] > div {\n  background: var(--theme-secondary-default);\n}\nsd-switch[data-sd-theme=info][data-sd-on=true] > div {\n  background: var(--theme-info-default);\n}\nsd-switch[data-sd-theme=success][data-sd-on=true] > div {\n  background: var(--theme-success-default);\n}\nsd-switch[data-sd-theme=warning][data-sd-on=true] > div {\n  background: var(--theme-warning-default);\n}\nsd-switch[data-sd-theme=danger][data-sd-on=true] > div {\n  background: var(--theme-danger-default);\n}\nsd-switch[data-sd-disabled=true] > div {\n  opacity: 0.5;\n}\nsd-switch[data-sd-disabled=true] > div > div {\n  background: var(--theme-gray-default);\n}"] }]
     }], () => [], { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], canChangeFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "canChangeFn", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSwitch, { className: "SdSwitch", filePath: "packages/angular/src/controls/checkbox/sd-switch.ts", lineNumber: 118, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSwitch, { className: "SdSwitch", filePath: "packages/angular/src/controls/checkbox/sd-switch.ts", lineNumber: 118 }); })();

package/dist/controls/collapse/sd-collapse-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-collapse-icon.d.ts","sourceRoot":"","sources":["../../../src/controls/collapse/sd-collapse-icon.ts"],"names":[],"mappings":";AAYA,qBAyBa,cAAc;IACzB,IAAI,8CAA6B;IACjC,IAAI,qEAAiD;IACrD,UAAU,oEAA6C;IAEvD,cAAc,yCAEX;IAEH,eAAe,uFAEZ;yCAXQ,cAAc;2CAAd,cAAc;CAY1B"}
+{"version":3,"file":"sd-collapse-icon.d.ts","sourceRoot":"","sources":["../../../src/controls/collapse/sd-collapse-icon.ts"],"names":[],"mappings":";AAYA,qBAyBa,cAAc;IACzB,IAAI,8CAA4B;IAChC,IAAI,qEAAiD;IACrD,UAAU,oEAA6C;IAEvD,cAAc,yCAEX;IAEH,eAAe,uFAEZ;yCAXQ,cAAc;2CAAd,cAAc;CAY1B"}

package/dist/controls/collapse/sd-collapse-icon.js

@@ -1,9 +1,9 @@
 import { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, numberAttribute, ViewEncapsulation, } from "@angular/core";
 import { NgIcon } from "@ng-icons/core";
-import { tablerChevronRight } from "@ng-icons/tabler-icons";
+import { tablerChevronDown } from "@ng-icons/tabler-icons";
 import * as i0 from "@angular/core";
 export class SdCollapseIcon {
-    icon = input(tablerChevronRight, ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+    icon = input(tablerChevronDown, ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
     open = input(false, { ...(ngDevMode ? { debugName: "open" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     openRotate = input(90, { ...(ngDevMode ? { debugName: "openRotate" } : /* istanbul ignore next */ {}), transform: numberAttribute });
     transformStyle = computed(() => {
@@ -30,4 +30,4 @@ export class SdCollapseIcon {
                     "[style.transition]": "transitionStyle()",
                 }, styles: ["sd-collapse-icon {\n  display: inline-block;\n}\nsd-collapse-icon > ng-icon {\n  display: block;\n}"] }]
     }], null, { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], openRotate: [{ type: i0.Input, args: [{ isSignal: true, alias: "openRotate", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdCollapseIcon, { className: "SdCollapseIcon", filePath: "packages/angular/src/controls/collapse/sd-collapse-icon.ts", lineNumber: 38, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdCollapseIcon, { className: "SdCollapseIcon", filePath: "packages/angular/src/controls/collapse/sd-collapse-icon.ts", lineNumber: 38 }); })();

package/dist/controls/collapse/sd-collapse.d.ts

@@ -1,4 +1,4 @@
-import type { SdResizeEvent } from "../../core/events/sd-resize-event.plugin";
+import { type SdResizeEvent } from "../../core/events/sd-resize";
 import * as i0 from "@angular/core";
 export declare class SdCollapse {
     open: import("@angular/core").InputSignalWithTransform<boolean, unknown>;

package/dist/controls/collapse/sd-collapse.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-collapse.d.ts","sourceRoot":"","sources":["../../../src/controls/collapse/sd-collapse.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;;AAE9E,qBA0Ba,UAAU;IACrB,IAAI,qEAAiD;IAErD,OAAO,CAAC,QAAQ,CAAC,aAAa,CAC6B;IAE3D,aAAa,iDAAa;IAE1B,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAiB;IAE9C,gBAAgB,yCAEb;IAEH,iBAAiB,8FAGd;;IAiBH,eAAe,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;yCAlChC,UAAU;2CAAV,UAAU;CAuCtB"}
+{"version":3,"file":"sd-collapse.d.ts","sourceRoot":"","sources":["../../../src/controls/collapse/sd-collapse.ts"],"names":[],"mappings":"AAaA,OAAO,EAAqB,KAAK,aAAa,EAAE,MAAM,6BAA6B,CAAC;;AAEpF,qBA0Ba,UAAU;IACrB,IAAI,qEAAiD;IAErD,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA4D;IAE1F,aAAa,iDAAa;IAE1B,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAiB;IAE9C,gBAAgB,yCAEb;IAEH,iBAAiB,8FAGd;;IAiBH,eAAe,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;yCAjChC,UAAU;2CAAV,UAAU;CAsCtB"}

package/dist/controls/collapse/sd-collapse.js

@@ -1,4 +1,5 @@
 import { afterNextRender, booleanAttribute, ChangeDetectionStrategy, Component, computed, effect, ElementRef, input, signal, viewChild, ViewEncapsulation, } from "@angular/core";
+import { SdResizeDirective } from "../../core/events/sd-resize";
 import * as i0 from "@angular/core";
 const _c0 = ["contentEl"];
 const _c1 = ["*"];
@@ -40,26 +41,26 @@ export class SdCollapse {
             i0.ɵɵqueryAdvance();
         } }, inputs: { open: [1, "open"] }, ngContentSelectors: _c1, decls: 3, vars: 4, consts: [["contentEl", ""], [1, "_content", 3, "sdResize"]], template: function SdCollapse_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
-            i0.ɵɵdomElementStart(0, "div", 1, 0);
-            i0.ɵɵdomListener("sdResize", function SdCollapse_Template_div_sdResize_0_listener($event) { return ctx.onContentResize($event); });
+            i0.ɵɵelementStart(0, "div", 1, 0);
+            i0.ɵɵlistener("sdResize", function SdCollapse_Template_div_sdResize_0_listener($event) { return ctx.onContentResize($event); });
             i0.ɵɵprojection(2);
-            i0.ɵɵdomElementEnd();
+            i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵstyleProp("margin-top", ctx.contentMarginTop())("transition", ctx.contentTransition());
-        } }, styles: ["sd-collapse {\n  display: block;\n  overflow: hidden;\n}"], encapsulation: 2, changeDetection: 0 });
+        } }, dependencies: [SdResizeDirective], styles: ["sd-collapse {\n  display: block;\n  overflow: hidden;\n}"], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdCollapse, [{
         type: Component,
-        args: [{ selector: "sd-collapse", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], template: `
+        args: [{ selector: "sd-collapse", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdResizeDirective], template: `
     <div
       #contentEl
       class="_content"
       [style.margin-top]="contentMarginTop()"
       [style.transition]="contentTransition()"
-      (sdResize)="onContentResize($any($event))"
+      (sdResize)="onContentResize($event)"
     >
       <ng-content />
     </div>
   `, styles: ["sd-collapse {\n  display: block;\n  overflow: hidden;\n}"] }]
     }], () => [], { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], _contentElRef: [{ type: i0.ViewChild, args: ["contentEl", { isSignal: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdCollapse, { className: "SdCollapse", filePath: "packages/angular/src/controls/collapse/sd-collapse.ts", lineNumber: 42, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdCollapse, { className: "SdCollapse", filePath: "packages/angular/src/controls/collapse/sd-collapse.ts", lineNumber: 42 }); })();

package/dist/controls/dropdown/sd-dropdown-popup.d.ts

@@ -1,7 +1,9 @@
 import * as i0 from "@angular/core";
 export declare class SdDropdownPopup {
     private readonly _parentControl;
+    private readonly _elRef;
     onKeydown(event: KeyboardEvent): void;
+    onResize(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdDropdownPopup, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdDropdownPopup, "sd-dropdown-popup", never, {}, {}, never, ["*"], true, never>;
 }

package/dist/controls/dropdown/sd-dropdown-popup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-dropdown-popup.d.ts","sourceRoot":"","sources":["../../../src/controls/dropdown/sd-dropdown-popup.ts"],"names":[],"mappings":";AASA,qBA6Ea,eAAe;IAC1B,OAAO,CAAC,QAAQ,CAAC,cAAc,CAE7B;IAEF,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;yCAL1B,eAAe;2CAAf,eAAe;CAQ3B"}
+{"version":3,"file":"sd-dropdown-popup.d.ts","sourceRoot":"","sources":["../../../src/controls/dropdown/sd-dropdown-popup.ts"],"names":[],"mappings":";AAWA,qBA6Ea,eAAe;IAC1B,OAAO,CAAC,QAAQ,CAAC,cAAc,CAE7B;IACF,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAmC;IAE1D,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAIrC,QAAQ,IAAI,IAAI;yCAVL,eAAe;2CAAf,eAAe;CAmB3B"}

package/dist/controls/dropdown/sd-dropdown-popup.js

@@ -1,30 +1,43 @@
-import { ChangeDetectionStrategy, Component, forwardRef, inject, ViewEncapsulation, } from "@angular/core";
+import { ChangeDetectionStrategy, Component, ElementRef, forwardRef, inject, ViewEncapsulation, } from "@angular/core";
 import { SdDropdown } from "./sd-dropdown";
+import { SdResizeDirective } from "../../core/events/sd-resize";
 import * as i0 from "@angular/core";
 const _c0 = ["*"];
 export class SdDropdownPopup {
     _parentControl = inject(forwardRef(() => SdDropdown));
+    _elRef = inject((ElementRef));
     onKeydown(event) {
         this._parentControl.onPopupKeydown(event);
     }
+    onResize() {
+        const el = this._elRef.nativeElement;
+        const divEl = el.firstElementChild;
+        if (divEl.clientHeight > 300) {
+            el.style.height = "300px";
+        }
+        else {
+            el.style.removeProperty("height");
+        }
+    }
     static ɵfac = function SdDropdownPopup_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdDropdownPopup)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdDropdownPopup, selectors: [["sd-dropdown-popup"]], hostBindings: function SdDropdownPopup_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("keydown", function SdDropdownPopup_keydown_HostBindingHandler($event) { return ctx.onKeydown($event); });
-        } }, ngContentSelectors: _c0, decls: 2, vars: 0, template: function SdDropdownPopup_Template(rf, ctx) { if (rf & 1) {
+        } }, ngContentSelectors: _c0, decls: 2, vars: 0, consts: [[3, "sdResize"]], template: function SdDropdownPopup_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
-            i0.ɵɵdomElementStart(0, "div");
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵlistener("sdResize", function SdDropdownPopup_Template_div_sdResize_0_listener() { return ctx.onResize(); });
             i0.ɵɵprojection(1);
-            i0.ɵɵdomElementEnd();
-        } }, styles: ["sd-dropdown-popup {\n  position: fixed;\n  z-index: var(--z-index-dropdown);\n  opacity: 0;\n  transform: translateY(-0.625rem);\n  transition: 0.1s linear;\n  transition-property: transform, opacity;\n  pointer-events: none;\n  background: var(--control-color);\n  min-width: 7.5rem;\n  box-shadow: 0 calc(4 * var(--elevation-size)) calc(4 * 4 * var(--elevation-size)) var(--trans-lighter), 0 var(--elevation-size) var(--elevation-size) var(--trans-lighter);\n  overflow: hidden;\n  border-radius: var(--border-radius-default);\n  border: 1px solid var(--border-color-light);\n}\nsd-dropdown-popup > div {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  white-space: nowrap;\n}\nsd-dropdown-popup:focus {\n  outline: 1px solid var(--theme-primary-default);\n}\n@media all and (max-width: 520px) {\n  sd-dropdown-popup {\n    box-shadow: none;\n    border: 1px solid var(--border-color-default);\n  }\n}\nsd-dropdown-popup[data-sd-mobile] {\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: auto;\n  max-height: 80vh;\n  border-radius: var(--border-radius-default) var(--border-radius-default) 0 0;\n  opacity: 1;\n  pointer-events: auto;\n  transform: none;\n  animation: sd-dropdown-slide-up 0.2s ease-out;\n  box-shadow: 0 calc(8 * var(--elevation-size)) calc(8 * 4 * var(--elevation-size)) var(--trans-lighter), 0 var(--elevation-size) var(--elevation-size) var(--trans-lighter);\n}\n\n@keyframes sd-dropdown-slide-up {\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n}"], encapsulation: 2, changeDetection: 0 });
+            i0.ɵɵelementEnd();
+        } }, dependencies: [SdResizeDirective], styles: ["sd-dropdown-popup {\n  position: fixed;\n  z-index: var(--z-index-dropdown);\n  opacity: 0;\n  transform: translateY(-0.625rem);\n  transition: 0.1s linear;\n  transition-property: transform, opacity;\n  pointer-events: none;\n  background: var(--control-color);\n  min-width: 7.5rem;\n  box-shadow: 0 calc(4 * var(--elevation-size)) calc(4 * 4 * var(--elevation-size)) var(--trans-lighter), 0 var(--elevation-size) var(--elevation-size) var(--trans-lighter);\n  overflow: hidden;\n  border-radius: var(--border-radius-default);\n  border: 1px solid var(--border-color-light);\n}\nsd-dropdown-popup > div {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  white-space: nowrap;\n}\nsd-dropdown-popup:focus {\n  outline: 1px solid var(--theme-primary-default);\n}\n@media all and (max-width: 520px) {\n  sd-dropdown-popup {\n    box-shadow: none;\n    border: 1px solid var(--border-color-default);\n  }\n}\nsd-dropdown-popup[data-sd-mobile] {\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: auto;\n  max-height: 80vh;\n  border-radius: var(--border-radius-default) var(--border-radius-default) 0 0;\n  opacity: 1;\n  pointer-events: auto;\n  transform: none;\n  animation: sd-dropdown-slide-up 0.2s ease-out;\n  box-shadow: 0 calc(8 * var(--elevation-size)) calc(8 * 4 * var(--elevation-size)) var(--trans-lighter), 0 var(--elevation-size) var(--elevation-size) var(--trans-lighter);\n}\n\n@keyframes sd-dropdown-slide-up {\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n}"], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdDropdownPopup, [{
         type: Component,
-        args: [{ selector: "sd-dropdown-popup", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], host: {
+        args: [{ selector: "sd-dropdown-popup", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdResizeDirective], host: {
                     "(keydown)": "onKeydown($event)",
                 }, template: `
-    <div>
+    <div (sdResize)="onResize()">
       <ng-content></ng-content>
     </div>
   `, styles: ["sd-dropdown-popup {\n  position: fixed;\n  z-index: var(--z-index-dropdown);\n  opacity: 0;\n  transform: translateY(-0.625rem);\n  transition: 0.1s linear;\n  transition-property: transform, opacity;\n  pointer-events: none;\n  background: var(--control-color);\n  min-width: 7.5rem;\n  box-shadow: 0 calc(4 * var(--elevation-size)) calc(4 * 4 * var(--elevation-size)) var(--trans-lighter), 0 var(--elevation-size) var(--elevation-size) var(--trans-lighter);\n  overflow: hidden;\n  border-radius: var(--border-radius-default);\n  border: 1px solid var(--border-color-light);\n}\nsd-dropdown-popup > div {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  white-space: nowrap;\n}\nsd-dropdown-popup:focus {\n  outline: 1px solid var(--theme-primary-default);\n}\n@media all and (max-width: 520px) {\n  sd-dropdown-popup {\n    box-shadow: none;\n    border: 1px solid var(--border-color-default);\n  }\n}\nsd-dropdown-popup[data-sd-mobile] {\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: auto;\n  max-height: 80vh;\n  border-radius: var(--border-radius-default) var(--border-radius-default) 0 0;\n  opacity: 1;\n  pointer-events: auto;\n  transform: none;\n  animation: sd-dropdown-slide-up 0.2s ease-out;\n  box-shadow: 0 calc(8 * var(--elevation-size)) calc(8 * 4 * var(--elevation-size)) var(--trans-lighter), 0 var(--elevation-size) var(--elevation-size) var(--trans-lighter);\n}\n\n@keyframes sd-dropdown-slide-up {\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n}"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdDropdownPopup, { className: "SdDropdownPopup", filePath: "packages/angular/src/controls/dropdown/sd-dropdown-popup.ts", lineNumber: 87, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdDropdownPopup, { className: "SdDropdownPopup", filePath: "packages/angular/src/controls/dropdown/sd-dropdown-popup.ts", lineNumber: 89 }); })();

package/dist/controls/dropdown/sd-dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-dropdown.d.ts","sourceRoot":"","sources":["../../../src/controls/dropdown/sd-dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,UAAU,EAMX,MAAM,eAAe,CAAC;AAEvB,OAAO,wBAAwB,CAAC;;AAEhC,qBAgBa,UAAU;IACrB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAmC;IAE1D,IAAI,+CAAgB;IACpB,QAAQ,qEAAiD;IAEzD,UAAU,0DAGR;IAEF,OAAO,CAAC,QAAQ,CAAC,CAAc;IAC/B,OAAO,CAAC,YAAY,CAAC,CAAc;IACnC,OAAO,CAAC,WAAW,CAAC,CAAc;IAClC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAiB;;IAiEtC,WAAW,IAAI,IAAI;IAQnB,aAAa,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IA8CzC,cAAc,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAY1C,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,oBAAoB;IAuC5B,OAAO,CAAC,wBAAwB;IAShC,OAAO,CAAC,sBAAsB;IAqC9B,OAAO,CAAC,YAAY;yCApPT,UAAU;2CAAV,UAAU;CAoRtB"}
+{"version":3,"file":"sd-dropdown.d.ts","sourceRoot":"","sources":["../../../src/controls/dropdown/sd-dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,UAAU,EAMX,MAAM,eAAe,CAAC;AAEvB,OAAO,wBAAwB,CAAC;;AAEhC,qBAgBa,UAAU;IACrB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAmC;IAE1D,IAAI,+CAAgB;IACpB,QAAQ,qEAAiD;IAEzD,UAAU,0DAGR;IAEF,OAAO,CAAC,QAAQ,CAAC,CAAc;IAC/B,OAAO,CAAC,YAAY,CAAC,CAAc;IACnC,OAAO,CAAC,WAAW,CAAC,CAAc;IAClC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAiB;;IAiEtC,WAAW,IAAI,IAAI;IAQnB,aAAa,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IA8CzC,cAAc,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAY1C,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,oBAAoB;IA8B5B,OAAO,CAAC,wBAAwB;IAShC,OAAO,CAAC,sBAAsB;IAqC9B,OAAO,CAAC,YAAY;yCA3OT,UAAU;2CAAV,UAAU;CAwQtB"}

package/dist/controls/dropdown/sd-dropdown.js

@@ -159,20 +159,12 @@ export class SdDropdown {
         const bottomPos = shouldPlaceAbove ? window.innerHeight - rect.top : undefined;
         const leftPos = shouldPlaceLeft ? undefined : rect.left;
         const rightPos = shouldPlaceLeft ? window.innerWidth - rect.right : undefined;
-        // Calculate available space for popup
-        const availableHeight = shouldPlaceAbove
-            ? rect.top - gap
-            : window.innerHeight - rect.bottom - gap;
-        const availableWidth = shouldPlaceLeft ? rect.right : window.innerWidth - rect.left;
         Object.assign(popupEl.style, {
-            top: topPos !== undefined ? topPos + "px" : "",
-            bottom: bottomPos !== undefined ? bottomPos + "px" : "",
-            left: leftPos !== undefined ? leftPos + "px" : "",
-            right: rightPos !== undefined ? rightPos + "px" : "",
+            top: topPos != null ? topPos + "px" : "",
+            bottom: bottomPos != null ? bottomPos + "px" : "",
+            left: leftPos != null ? leftPos + "px" : "",
+            right: rightPos != null ? rightPos + "px" : "",
             minWidth: contentEl.offsetWidth + "px",
-            maxHeight: availableHeight > 0 ? availableHeight + "px" : "",
-            maxWidth: availableWidth > 0 ? availableWidth + "px" : "",
-            overflow: "auto",
             opacity: "1",
             pointerEvents: "auto",
             transform: "none",
@@ -235,9 +227,6 @@ export class SdDropdown {
                 left: "",
                 right: "",
                 minWidth: "",
-                maxHeight: "",
-                maxWidth: "",
-                overflow: "",
                 opacity: "",
                 pointerEvents: "",
                 transform: "",
@@ -280,4 +269,4 @@ export class SdDropdown {
   `,
             }]
     }], () => [], { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], popupElRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SdDropdownPopup), { ...{ read: ElementRef }, isSignal: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdDropdown, { className: "SdDropdown", filePath: "packages/angular/src/controls/dropdown/sd-dropdown.ts", lineNumber: 34, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdDropdown, { className: "SdDropdown", filePath: "packages/angular/src/controls/dropdown/sd-dropdown.ts", lineNumber: 34 }); })();

package/dist/controls/form/sd-form.js

@@ -57,4 +57,4 @@ export class SdForm {
     }], null, { formElRef: [{ type: i0.ViewChild, args: ["formEl", { ...{
                         read: ElementRef,
                     }, isSignal: true }] }], formSubmit: [{ type: i0.Output, args: ["formSubmit"] }], formInvalid: [{ type: i0.Output, args: ["formInvalid"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdForm, { className: "SdForm", filePath: "packages/angular/src/controls/form/sd-form.ts", lineNumber: 23, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdForm, { className: "SdForm", filePath: "packages/angular/src/controls/form/sd-form.ts", lineNumber: 23 }); })();

package/dist/controls/gap/sd-gap.js

@@ -10,12 +10,12 @@ export class SdGap {
         if (this.widthPx() === 0 || this.heightPx() === 0 || this.widthEm() === 0) {
             return "none";
         }
-        else if (this.width() !== undefined ||
-            this.widthPx() !== undefined ||
-            this.widthEm() !== undefined) {
+        else if (this.width() != null ||
+            this.widthPx() != null ||
+            this.widthEm() != null) {
             return "inline-block";
         }
-        else if (this.height() !== undefined || this.heightPx() !== undefined) {
+        else if (this.height() != null || this.heightPx() != null) {
             return "block";
         }
         else {
@@ -39,4 +39,4 @@ export class SdGap {
                     "[style.display]": "_displayStyle()",
                 }, styles: ["sd-gap[data-sd-height=xxs] {\n  height: var(--gap-xxs);\n}\nsd-gap[data-sd-width=xxs] {\n  width: var(--gap-xxs);\n}\nsd-gap[data-sd-height=xs] {\n  height: var(--gap-xs);\n}\nsd-gap[data-sd-width=xs] {\n  width: var(--gap-xs);\n}\nsd-gap[data-sd-height=sm] {\n  height: var(--gap-sm);\n}\nsd-gap[data-sd-width=sm] {\n  width: var(--gap-sm);\n}\nsd-gap[data-sd-height=default] {\n  height: var(--gap-default);\n}\nsd-gap[data-sd-width=default] {\n  width: var(--gap-default);\n}\nsd-gap[data-sd-height=lg] {\n  height: var(--gap-lg);\n}\nsd-gap[data-sd-width=lg] {\n  width: var(--gap-lg);\n}\nsd-gap[data-sd-height=xl] {\n  height: var(--gap-xl);\n}\nsd-gap[data-sd-width=xl] {\n  width: var(--gap-xl);\n}\nsd-gap[data-sd-height=xxl] {\n  height: var(--gap-xxl);\n}\nsd-gap[data-sd-width=xxl] {\n  width: var(--gap-xxl);\n}\nsd-gap[data-sd-height=\"0\"] {\n  height: var(--gap-0);\n}\nsd-gap[data-sd-width=\"0\"] {\n  width: var(--gap-0);\n}\nsd-gap[data-sd-height=auto] {\n  height: var(--gap-auto);\n}\nsd-gap[data-sd-width=auto] {\n  width: var(--gap-auto);\n}"] }]
     }], null, { height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], heightPx: [{ type: i0.Input, args: [{ isSignal: true, alias: "heightPx", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], widthPx: [{ type: i0.Input, args: [{ isSignal: true, alias: "widthPx", required: false }] }], widthEm: [{ type: i0.Input, args: [{ isSignal: true, alias: "widthEm", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdGap, { className: "SdGap", filePath: "packages/angular/src/controls/gap/sd-gap.ts", lineNumber: 37, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdGap, { className: "SdGap", filePath: "packages/angular/src/controls/gap/sd-gap.ts", lineNumber: 37 }); })();

package/dist/controls/input/sd-date-range-picker.d.ts

@@ -7,6 +7,7 @@ export declare class SdDateRangePicker {
     required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     handleDatePeriodTypeChanged(): void;
     handleFromDateChanged(): void;
+    private _syncMonthRange;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdDateRangePicker, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdDateRangePicker, "sd-date-range-picker", never, { "periodType": { "alias": "periodType"; "required": false; "isSignal": true; }; "from": { "alias": "from"; "required": false; "isSignal": true; }; "to": { "alias": "to"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; }, { "periodType": "periodTypeChange"; "from": "fromChange"; "to": "toChange"; }, never, never, true, never>;
 }

package/dist/controls/input/sd-date-range-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-date-range-picker.d.ts","sourceRoot":"","sources":["../../../src/controls/input/sd-date-range-picker.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;;AAEjD,qBA+Ca,iBAAiB;IAC5B,UAAU,wDAAiC;IAC3C,IAAI,4DAAqB;IACzB,EAAE,4DAAqB;IAEvB,QAAQ,qEAAiD;IAEzD,2BAA2B,IAAI,IAAI;IAenC,qBAAqB,IAAI,IAAI;yCAtBlB,iBAAiB;2CAAjB,iBAAiB;CA2C7B"}
+{"version":3,"file":"sd-date-range-picker.d.ts","sourceRoot":"","sources":["../../../src/controls/input/sd-date-range-picker.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;;AAEjD,qBA+Ca,iBAAiB;IAC5B,UAAU,wDAAiC;IAC3C,IAAI,4DAAqB;IACzB,EAAE,4DAAqB;IAEvB,QAAQ,qEAAiD;IAEzD,2BAA2B,IAAI,IAAI;IAQnC,qBAAqB,IAAI,IAAI;IAe7B,OAAO,CAAC,eAAe;yCA9BZ,iBAAiB;2CAAjB,iBAAiB;CAwC7B"}

package/dist/controls/input/sd-date-range-picker.js

@@ -35,15 +35,7 @@ export class SdDateRangePicker {
     required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     handleDatePeriodTypeChanged() {
         if (this.periodType() === "월") {
-            const fromDate = this.from();
-            if (fromDate) {
-                const firstOfMonth = fromDate.setDay(1);
-                this.from.set(firstOfMonth);
-                this.to.set(firstOfMonth.addMonths(1).addDays(-1));
-            }
-            else {
-                this.to.set(undefined);
-            }
+            this._syncMonthRange();
         }
         else if (this.periodType() === "일") {
             this.to.set(this.from());
@@ -51,15 +43,7 @@ export class SdDateRangePicker {
     }
     handleFromDateChanged() {
         if (this.periodType() === "월") {
-            const fromDate = this.from();
-            if (fromDate) {
-                const firstOfMonth = fromDate.setDay(1);
-                this.from.set(firstOfMonth);
-                this.to.set(firstOfMonth.addMonths(1).addDays(-1));
-            }
-            else {
-                this.to.set(undefined);
-            }
+            this._syncMonthRange();
         }
         else if (this.periodType() === "일") {
             this.to.set(this.from());
@@ -71,6 +55,17 @@ export class SdDateRangePicker {
             this.to.set(this.from());
         }
     }
+    _syncMonthRange() {
+        const fromDate = this.from();
+        if (fromDate) {
+            const firstOfMonth = fromDate.setDay(1);
+            this.from.set(firstOfMonth);
+            this.to.set(firstOfMonth.addMonths(1).addDays(-1));
+        }
+        else {
+            this.to.set(undefined);
+        }
+    }
     static ɵfac = function SdDateRangePicker_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdDateRangePicker)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdDateRangePicker, selectors: [["sd-date-range-picker"]], inputs: { periodType: [1, "periodType"], from: [1, "from"], to: [1, "to"], required: [1, "required"] }, outputs: { periodType: "periodTypeChange", from: "fromChange", to: "toChange" }, decls: 9, vars: 6, consts: [[2, "min-width", "0", 3, "valueChange", "value", "required"], [3, "value"], [3, "type", "from", "to", "required"], [3, "required", "type", "value"], [3, "fromChange", "toChange", "type", "from", "to", "required"], [3, "valueChange", "required", "type", "value"]], template: function SdDateRangePicker_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "sd-select", 0);
@@ -130,4 +125,4 @@ export class SdDateRangePicker {
     }
   `, styles: ["sd-date-range-picker {\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  gap: var(--gap-sm);\n}\n@supports not (appearance: auto) {\n  sd-date-range-picker {\n    gap: 0;\n  }\n  sd-date-range-picker > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-date-range-picker.gap-xxs {\n    gap: 0;\n  }\n  sd-date-range-picker.gap-xxs > * + * {\n    margin-left: var(--gap-xxs);\n  }\n  sd-date-range-picker.gap-xs {\n    gap: 0;\n  }\n  sd-date-range-picker.gap-xs > * + * {\n    margin-left: var(--gap-xs);\n  }\n  sd-date-range-picker.gap-sm {\n    gap: 0;\n  }\n  sd-date-range-picker.gap-sm > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-date-range-picker.gap-default {\n    gap: 0;\n  }\n  sd-date-range-picker.gap-default > * + * {\n    margin-left: var(--gap-default);\n  }\n  sd-date-range-picker.gap-lg {\n    gap: 0;\n  }\n  sd-date-range-picker.gap-lg > * + * {\n    margin-left: var(--gap-lg);\n  }\n  sd-date-range-picker.gap-xl {\n    gap: 0;\n  }\n  sd-date-range-picker.gap-xl > * + * {\n    margin-left: var(--gap-xl);\n  }\n  sd-date-range-picker.gap-xxl {\n    gap: 0;\n  }\n  sd-date-range-picker.gap-xxl > * + * {\n    margin-left: var(--gap-xxl);\n  }\n  sd-date-range-picker.gap-0 {\n    gap: 0;\n  }\n  sd-date-range-picker.gap-0 > * + * {\n    margin-left: var(--gap-0);\n  }\n  sd-date-range-picker.gap-auto {\n    gap: 0;\n  }\n  sd-date-range-picker.gap-auto > * + * {\n    margin-left: var(--gap-auto);\n  }\n}"] }]
     }], null, { periodType: [{ type: i0.Input, args: [{ isSignal: true, alias: "periodType", required: false }] }, { type: i0.Output, args: ["periodTypeChange"] }], from: [{ type: i0.Input, args: [{ isSignal: true, alias: "from", required: false }] }, { type: i0.Output, args: ["fromChange"] }], to: [{ type: i0.Input, args: [{ isSignal: true, alias: "to", required: false }] }, { type: i0.Output, args: ["toChange"] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdDateRangePicker, { className: "SdDateRangePicker", filePath: "packages/angular/src/controls/input/sd-date-range-picker.ts", lineNumber: 62, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdDateRangePicker, { className: "SdDateRangePicker", filePath: "packages/angular/src/controls/input/sd-date-range-picker.ts", lineNumber: 62 }); })();

package/dist/controls/input/sd-numpad.js

@@ -16,7 +16,7 @@ function SdNumpad_Conditional_5_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("size", "lg")("theme", "primary")("disabled", ctx_r1.required() && ctx_r1.value() === undefined);
+    i0.ɵɵproperty("size", "lg")("theme", "primary")("disabled", ctx_r1.required() && ctx_r1.value() == undefined);
 } }
 function SdNumpad_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
@@ -180,7 +180,7 @@ export class SdNumpad {
               <sd-button
                 [size]="'lg'"
                 [theme]="'primary'"
-                [disabled]="required() && value() === undefined"
+                [disabled]="required() && value() == undefined"
                 (click)="onButtonClick('ENT')"
               >
                 ENT
@@ -238,4 +238,4 @@ export class SdNumpad {
     </table>
   `, styles: ["sd-numpad table {\n  width: 100%;\n  border-collapse: collapse;\n}\nsd-numpad table > * > tr > * {\n  border: none;\n  padding: var(--gap-xxs);\n}\nsd-numpad table > * > tr > * > sd-button {\n  border: none;\n}"] }]
     }], () => [], { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], inputDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputDisabled", required: false }] }], useEnterButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "useEnterButton", required: false }] }], useMinusButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "useMinusButton", required: false }] }], enterButtonClick: [{ type: i0.Output, args: ["enterButtonClick"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdNumpad, { className: "SdNumpad", filePath: "packages/angular/src/controls/input/sd-numpad.ts", lineNumber: 122, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdNumpad, { className: "SdNumpad", filePath: "packages/angular/src/controls/input/sd-numpad.ts", lineNumber: 122 }); })();

package/dist/controls/input/sd-range.js

@@ -50,4 +50,4 @@ export class SdRange {
     />
   `, styles: ["sd-range {\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  gap: var(--gap-sm);\n}\n@supports not (appearance: auto) {\n  sd-range {\n    gap: 0;\n  }\n  sd-range > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-range.gap-xxs {\n    gap: 0;\n  }\n  sd-range.gap-xxs > * + * {\n    margin-left: var(--gap-xxs);\n  }\n  sd-range.gap-xs {\n    gap: 0;\n  }\n  sd-range.gap-xs > * + * {\n    margin-left: var(--gap-xs);\n  }\n  sd-range.gap-sm {\n    gap: 0;\n  }\n  sd-range.gap-sm > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-range.gap-default {\n    gap: 0;\n  }\n  sd-range.gap-default > * + * {\n    margin-left: var(--gap-default);\n  }\n  sd-range.gap-lg {\n    gap: 0;\n  }\n  sd-range.gap-lg > * + * {\n    margin-left: var(--gap-lg);\n  }\n  sd-range.gap-xl {\n    gap: 0;\n  }\n  sd-range.gap-xl > * + * {\n    margin-left: var(--gap-xl);\n  }\n  sd-range.gap-xxl {\n    gap: 0;\n  }\n  sd-range.gap-xxl > * + * {\n    margin-left: var(--gap-xxl);\n  }\n  sd-range.gap-0 {\n    gap: 0;\n  }\n  sd-range.gap-0 > * + * {\n    margin-left: var(--gap-0);\n  }\n  sd-range.gap-auto {\n    gap: 0;\n  }\n  sd-range.gap-auto > * + * {\n    margin-left: var(--gap-auto);\n  }\n}"] }]
     }], null, { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: true }] }], from: [{ type: i0.Input, args: [{ isSignal: true, alias: "from", required: false }] }, { type: i0.Output, args: ["fromChange"] }], to: [{ type: i0.Input, args: [{ isSignal: true, alias: "to", required: false }] }, { type: i0.Output, args: ["toChange"] }], inputStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputStyle", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdRange, { className: "SdRange", filePath: "packages/angular/src/controls/input/sd-range.ts", lineNumber: 49, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdRange, { className: "SdRange", filePath: "packages/angular/src/controls/input/sd-range.ts", lineNumber: 49 }); })();