@daffodil/design 0.79.0 → 0.80.0

package/scss/core/map/map-deep-check/map-deep-check.scss

@@ -1,4 +1,5 @@
 @use 'sass:map';
+@use 'sass:meta';
 
 //
 // Checks whether or not a map has a nested key
@@ -10,7 +11,7 @@
 // @throws error
 //
 @function daff-map-deep-check($map, $keys) {
-	@if (type-of($map) != 'map') {
+	@if (meta.type-of($map) != 'map') {
 		@error 'Expected first parameter to be of type `map`';
 	}
 

package/scss/core/map/map-deep-get/map-deep-get.scss

@@ -1,4 +1,5 @@
 @use 'sass:map';
+@use 'sass:string';
 @use '../../string/split/string-split';
 @use '../map-deep-check/map-deep-check';
 

package/scss/core/map/map-get/map-get.scss

@@ -0,0 +1,23 @@
+@use 'sass:map';
+@use '../../error/error-to-string';
+
+//
+// Return a the value of a nested key in a map if it exists.
+// If the key doesn't exist, it throw an error.
+//
+// Note: This function doesn't support the use
+// of the search character in your map key names.
+//
+// @usage daff-map-get($map, nested, map, key);
+// @returns any
+// @throws error
+@function daff-map-get($map, $keys...) {
+	@each $key in $keys {
+    @if not map.has-key($map, $key) {
+      @return error-to-string.error-to-string("The map doesn't contain the $key: `#{$key}`'");
+    }
+		$map: map.get($map, $key);
+	}
+
+	@return $map;
+}

package/scss/core/map/map-get/map-get.spec.scss

@@ -0,0 +1,65 @@
+@use 'true' as *;
+@use './map-get' as *;
+@use '../../error/error-to-string';
+
+@include describe('map-get') {
+	$nested-map: (
+		'string': '3',
+		'number': 4,
+	);
+
+	$map: (
+		'nested': (
+			'string': '1',
+			'number': 2,
+			'map': $nested-map,
+		),
+	);
+
+	$deep-map: (
+		'level1': (
+			'level2': (
+				'level3': (
+					'level': 4,
+				),
+			),
+		),
+	);
+
+	$empty-map: ();
+
+	@include error-to-string.set-use-string(true);
+
+	@include it('returns the value of the nested key if it exists in the map') {
+		@include assert-equal(daff-map-get($map, 'nested', 'string'), '1');
+		@include assert-equal(daff-map-get($map, 'nested', 'number'), 2);
+		@include assert-equal(daff-map-get($map, 'nested', 'map'), $nested-map);
+		@include assert-equal(daff-map-get($map, 'nested', 'map', 'string'), '3');
+		@include assert-equal(daff-map-get($map, 'nested', 'map', 'number'), 4);
+	}
+
+	@include it('returns the correct value for deeply nested maps') {
+		@include assert-equal(
+			daff-map-get($deep-map, 'level1', 'level2', 'level3', 'level'),
+			4
+		);
+	}
+
+	@include it(
+		'errors if the value of the nested key does not exist in the map'
+	) {
+		@include assert-equal(
+			daff-map-get($map, 'missing'),
+			"The map doesn't contain the $key: `missing`'"
+		);
+	}
+
+	@include it('errors if the map is empty') {
+		@include assert-equal(
+			daff-map-get($empty-map, 'nested'),
+			"The map doesn't contain the $key: `nested`'"
+		);
+	}
+
+	@include error-to-string.set-use-string(false);
+}

package/scss/core/string/split/string-split.scss

@@ -1,3 +1,6 @@
+@use 'sass:string';
+@use 'sass:list';
+
 //
 // @docs
 // @private
@@ -8,25 +11,25 @@
 //
 @function daff-string-split($string, $separator) {
 	$list: ();
-	$index: str-index($string, $separator);
+	$index: string.index($string, $separator);
 
 	@if ($index == null) {
 		@return $list;
 	}
 
-	@while $index !=null {
-		$item: str-slice($string, 1, $index - 1);
+	@while $index != null {
+		$item: string.slice($string, 1, $index - 1);
 
 		@if ($item != '') {
-			$list: append($list, $item, 'comma');
+			$list: list.append($list, $item, 'comma');
 		}
 
-		$string: str-slice($string, $index + 1);
-		$index: str-index($string, $separator);
+		$string: string.slice($string, $index + 1);
+		$index: string.index($string, $separator);
 	}
 
 	@if ($string != '') {
-		$list: append($list, $string, 'comma');
+		$list: list.append($list, $string, 'comma');
 	}
 
 	@return $list;

package/scss/global.scss

@@ -13,6 +13,7 @@
 
 @use 'typography' as t;
 @use '@angular/cdk/overlay-prebuilt';
+@use '@angular/cdk/a11y-prebuilt';
 @use 'modern-normalize/modern-normalize';
 @forward './theming/theme-css-variables';
 

package/scss/interactions/_index.scss

@@ -1 +1 @@
-@forward 'mouse/clickable';
+@forward 'mouse/clickable';

package/scss/layout/_index.scss

@@ -1,2 +1,2 @@
 @forward 'variables';
-@forward 'breakpoint';
+@forward 'breakpoint';

package/scss/state/skeleton/_mixins.scss

@@ -2,8 +2,8 @@
 @use '../../theming';
 
 @mixin daff-skeleton-theme($theme) {
-	$neutral: core.daff-map-deep-get($theme, 'core.neutral');
-	$base: core.daff-map-deep-get($theme, 'core.base');
+	$neutral: core.daff-map-get($theme, 'core', 'neutral');
+	$base: core.daff-map-get($theme, 'core', 'base');
 
 	.daff-skeleton {
 		&::before,

package/scss/theme.scss

@@ -43,6 +43,7 @@
 @use '../notification/src/notification-theme' as notification;
 @use '../paginator/src/paginator-theme' as paginator;
 @use '../sidebar/src/sidebar-theme' as sidebar;
+@use '../switch/src/switch-theme' as switch;
 @use '../progress-bar/src/progress-bar-theme' as progress-bar;
 @use '../scss/state/skeleton/mixins' as skeleton;
 @use '../tabs/src/tabs-theme' as tabs;
@@ -94,6 +95,7 @@
 	@include notification.daff-notification-theme($theme);
 	@include paginator.daff-paginator-theme($theme);
 	@include sidebar.daff-sidebar-theme($theme);
+	@include switch.daff-switch-theme($theme);
 	@include tabs.daff-tabs-theme($theme);
 	@include tree.daff-tree-theme($theme);
 	@include toast.daff-toast-theme($theme);

package/scss/theming/_configure-theme.scss

@@ -38,7 +38,7 @@ $supported-theme-types: (
 // $primary: configure-palette.daff-configure-palette(palette.$daff-blue, 60);
 // $secondary: configure-palette.daff-configure-palette(palette.$daff-purple, 60);
 // $tertiary: configure-palette.daff-configure-palette(palette.$daff-turquoise, 60);
-// 
+//
 // $theme: daff-configure-theme($primary, $secondary, $tertiary)
 // ```
 @function daff-configure-theme(
@@ -87,7 +87,7 @@ $supported-theme-types: (
 // $warn: configure-palette.daff-configure-palette(palette.$daff-bronze, 60);
 // $critical: configure-palette.daff-configure-palette(palette.$daff-red, 60);
 // $success: configure-palette.daff-configure-palette(palette.$daff-green, 60);
-// 
+//
 // $theme: daff-configure-theme-status($info, $warn, $critical, $success);
 // ```
 @function daff-configure-theme-status(

package/scss/theming/_daff-theme.scss

@@ -7,13 +7,23 @@ $primary: configure-palette.daff-configure-palette(palette.$daff-blue, 60);
 $secondary: configure-palette.daff-configure-palette(palette.$daff-purple, 60);
 $tertiary: configure-palette.daff-configure-palette(palette.$daff-turquoise, 60);
 
-$theme: configure-theme.daff-configure-theme($primary, $secondary, $tertiary, 'light');
+$theme: configure-theme.daff-configure-theme(
+	$primary,
+	$secondary,
+	$tertiary,
+	'light'
+);
 
 $primary-dark: configure-palette.daff-configure-palette(palette.$daff-blue, 50);
 $secondary-dark: configure-palette.daff-configure-palette(palette.$daff-purple, 50);
 $tertiary-dark: configure-palette.daff-configure-palette(palette.$daff-turquoise, 50);
 
-$theme-dark: configure-theme.daff-configure-theme($primary-dark, $secondary-dark, $tertiary-dark, 'dark');
+$theme-dark: configure-theme.daff-configure-theme(
+	$primary-dark,
+	$secondary-dark,
+	$tertiary-dark,
+	'dark'
+);
 
-$black: core.daff-map-deep-get($theme, 'core.black');
-$white: core.daff-map-deep-get($theme, 'core.white');
+$black: core.daff-map-get($theme, 'core', 'black');
+$white: core.daff-map-get($theme, 'core', 'white');

package/scss/theming/_index.scss

@@ -4,4 +4,4 @@
 @forward 'illuminate/illuminate';
 @forward 'configure-palette';
 @forward 'configure-theme';
-@forward 'daff-theme';
+@forward 'daff-theme';

package/scss/theming/_theme-css-variables.scss

@@ -1,4 +1,5 @@
 @use 'sass:map';
+@use 'sass:color';
 @use '../core';
 @use '../theming';
 
@@ -6,18 +7,18 @@
 //
 // Global theme tokens
 @mixin daff-root-theme-tokens($theme) {
-	$base: core.daff-map-deep-get($theme, 'core.base');
-	$base-contrast: core.daff-map-deep-get($theme, 'core.base-contrast');
-	$primary: map.get($theme, primary);
-	$secondary: map.get($theme, secondary);
-	$tertiary: map.get($theme, tertiary);
-	$neutral: core.daff-map-deep-get($theme, 'core.neutral');
-	$white: core.daff-map-deep-get($theme, 'core.white');
-	$black: core.daff-map-deep-get($theme, 'core.black');
+	$base: core.daff-map-get($theme, 'core', 'base');
+	$base-contrast: core.daff-map-get($theme, 'core', 'base-contrast');
+	$primary: core.daff-map-get($theme, primary);
+	$secondary: core.daff-map-get($theme, secondary);
+	$tertiary: core.daff-map-get($theme, tertiary);
+	$neutral: core.daff-map-get($theme, 'core', 'neutral');
+	$white: core.daff-map-get($theme, 'core', 'white');
+	$black: core.daff-map-get($theme, 'core', 'black');
 
-	--daff-theme-rgb: #{red($base), green($base), blue($base)};
-	--daff-theme-contrast-rgb: #{red($base-contrast), green($base-contrast),
-		blue($base-contrast)};
+	--daff-theme-rgb: #{color.red($base), color.green($base), color.blue($base)};
+	--daff-theme-contrast-rgb: #{color.red($base-contrast), color.green($base-contrast),
+		color.blue($base-contrast)};
 	--daff-theme: #{$base};
 	--daff-theme-contrast: #{$base-contrast};
 	--daff-theme-primary: #{theming.daff-color($primary)};
@@ -39,7 +40,8 @@
 			:root {
 				@include daff-root-theme-tokens($theme);
 			}
-		} @else {
+		}
+		@else {
 			@include daff-root-theme-tokens($theme);
 		}
 	}

package/scss/theming/contrast/luminance/luminance.scss

@@ -1,3 +1,5 @@
+@use 'sass:color';
+@use 'sass:list';
 @use 'variables' as v;
 
 // Calculate the luminance of a color.
@@ -8,12 +10,12 @@
 // See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
 
 @function daff-luminance($color) {
-	$red-index: red($color) + 1;
-	$green-index: green($color) + 1;
-	$blue-index: blue($color) + 1;
+	$red-index: color.red($color) + 1;
+	$green-index: color.green($color) + 1;
+	$blue-index: color.blue($color) + 1;
 
-	$red: nth(v.$linear-channel-values, $red-index);
-	$green: nth(v.$linear-channel-values, $green-index);
-	$blue: nth(v.$linear-channel-values, $blue-index);
+	$red: list.nth(v.$linear-channel-values, $red-index);
+	$green: list.nth(v.$linear-channel-values, $green-index);
+	$blue: list.nth(v.$linear-channel-values, $blue-index);
 	@return 0.2126 * $red + 0.7152 * $green + 0.0722 * $blue;
 }

package/scss/theming/illuminate/illuminate.scss

@@ -1,4 +1,7 @@
+@use 'sass:list';
 @use 'sass:map';
+@use 'sass:math';
+@use 'sass:meta';
 @use '../contrast/luminance/luminance';
 
 // @docs
@@ -13,21 +16,21 @@
 	$values: ();
 
 	@each $key, $val in $map {
-		$keys: append($keys, $key);
-		$values: append($values, $val);
+		$keys: list.append($keys, $key);
+		$values: list.append($values, $val);
 	}
 
-	$list: zip($keys, $values);
+	$list: list.zip($keys, $values);
 
 	$sorted-map: ();
 
-	@while length($list) > 0 {
+	@while list.length($list) > 0 {
 		// Find smallest pair
-		$smallest-pair: nth($list, 1);
+		$smallest-pair: list.nth($list, 1);
 
 		@each $pair in $list {
-			$value: nth($pair, 2);
-			$smallest-value: nth($smallest-pair, 2);
+			$value: list.nth($pair, 2);
+			$smallest-value: list.nth($smallest-pair, 2);
 
 			@if $value < $smallest-value {
 				$smallest-pair: $pair;
@@ -35,8 +38,8 @@
 		}
 
 		// Add smallest pair to sorted map
-		$key: nth($smallest-pair, 1);
-		$value: nth($smallest-pair, 2);
+		$key: list.nth($smallest-pair, 1);
+		$value: list.nth($smallest-pair, 2);
 		$sorted-map: map.merge(
 			$sorted-map,
 			(
@@ -45,12 +48,12 @@
 		);
 
 		// Remove from list smallest pair
-		$smallest-pair-index: index($list, $smallest-pair);
+		$smallest-pair-index: list.index($list, $smallest-pair);
 		$new-list: ();
 
-		@for $i from 1 through length($list) {
+		@for $i from 1 through list.length($list) {
 			@if $i != $smallest-pair-index {
-				$new-list: append($new-list, nth($list, $i), 'space');
+				$new-list: list.append($new-list, list.nth($list, $i), 'space');
 			}
 		}
 
@@ -67,12 +70,12 @@
 // @param $nth: nth steps away from zero
 @function _daff-illuminate-get-key($map, $nth: 1) {
 	//Cap off "nth" to prevent going out-of-bounds.
-	@if ($nth > length($map)) {
-		$nth: length(map);
+	@if ($nth > list.length($map)) {
+		$nth: list.length(map);
 	}
 
 	$map: _daff-illuminate-sort($map);
-	@return nth(nth($map, $nth), 1);
+	@return list.nth(list.nth($map, $nth), 1);
 }
 
 // Takes a $color and palette and returns the color in
@@ -88,7 +91,7 @@
 
 	//Validate
 	@each $key, $palette-color in $palette {
-		@if (type-of($key) == 'string') {
+		@if (meta.type-of($key) == 'string') {
 			$palette: map.remove($palette, $key);
 		}
 	}
@@ -124,7 +127,7 @@
 			$darker-colors: map.merge(
 				$darker-colors,
 				(
-					$key: abs($luminance)
+					$key: math.abs($luminance)
 				)
 			);
 		}

package/scss/typography/utilities/_index.scss

@@ -1 +1 @@
-@forward 'variables';
+@forward 'variables';

package/scss/typography/utilities/_variables.scss

@@ -19,4 +19,4 @@ $medium-font-size: 1.25rem;
 $normal-font-size: 1rem;
 $small-font-size: 0.875rem;
 
-$bold-font-weight: bold;
+$bold-font-weight: bold;

package/sidebar/sidebar.module.d.ts

@@ -9,7 +9,7 @@ import * as i7 from "./sidebar-header/sidebar-header-title/sidebar-header-title.
 import * as i8 from "./sidebar-header/sidebar-header-action/sidebar-header-action.directive";
 import * as i9 from "./sidebar-viewport-backdrop/sidebar-viewport-backdrop.component";
 /**
- * @deprecated in favor of {@link DAFF_SIDEBAR_COMPONENTS} Deprecated in version 0.78.0. Will be removed in version 0.81.0.
+ * @deprecated in favor of {@link DAFF_SIDEBAR_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
  */
 export declare class DaffSidebarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffSidebarModule, never>;

package/sidebar/src/sidebar-theme.scss

@@ -1,9 +1,9 @@
 @use '../../scss/core';
 
 @mixin daff-sidebar-theme($theme) {
-	$base: core.daff-map-deep-get($theme, 'core.base');
-	$base-contrast: core.daff-map-deep-get($theme, 'core.base-contrast');
-	$font-color: core.daff-map-deep-get($theme, 'core.font-color');
+	$base: core.daff-map-get($theme, 'core', 'base');
+	$base-contrast: core.daff-map-get($theme, 'core', 'base-contrast');
+	$font-color: core.daff-map-get($theme, 'core', 'font-color');
 
 	.daff-sidebar {
 		background: $base;

package/src/atoms/form/form-field/form-field/form-field-theme.scss

@@ -3,12 +3,12 @@
 @use '../../../../../scss/theming';
 
 @mixin daff-form-field-theme($theme) {
-	$primary: map.get($theme, primary);
-	$secondary: map.get($theme, secondary);
-	$tertiary: map.get($theme, tertiary);
-	$base: core.daff-map-deep-get($theme, 'core.base');
-	$base-contrast: core.daff-map-deep-get($theme, 'core.base-contrast');
-	$neutral: core.daff-map-deep-get($theme, 'core.neutral');
+	$primary: core.daff-map-get($theme, primary);
+	$secondary: core.daff-map-get($theme, secondary);
+	$tertiary: core.daff-map-get($theme, tertiary);
+	$base: core.daff-map-get($theme, 'core', 'base');
+	$base-contrast: core.daff-map-get($theme, 'core', 'base-contrast');
+	$neutral: core.daff-map-get($theme, 'core', 'neutral');
 
 	.daff-form-field {
 		&__control {

package/src/atoms/form/input/input-theme.scss

@@ -2,8 +2,8 @@
 @use '../../../../scss/theming';
 
 @mixin daff-input-theme($theme) {
-	$base: core.daff-map-deep-get($theme, 'core.base');
-	$base-contrast: core.daff-map-deep-get($theme, 'core.base-contrast');
+	$base: core.daff-map-get($theme, 'core', 'base');
+	$base-contrast: core.daff-map-get($theme, 'core', 'base-contrast');
 
 	:host {
 		background: $base;

package/src/atoms/form/native-select/native-select-theme.scss

@@ -3,9 +3,9 @@
 @use '../../../../scss/theming';
 
 @mixin daff-native-select-theme($theme) {
-	$neutral: core.daff-map-deep-get($theme, 'core.neutral');
-	$base-contrast: core.daff-map-deep-get($theme, 'core.base-contrast');
-	$black: core.daff-map-deep-get($theme, 'core.black');
+	$neutral: core.daff-map-get($theme, 'core', 'neutral');
+	$base-contrast: core.daff-map-get($theme, 'core', 'base-contrast');
+	$black: core.daff-map-get($theme, 'core', 'black');
 
 	.daff-native-select {
 		color: theming.daff-illuminate($base-contrast, $neutral, 4);

package/switch/README.md

@@ -0,0 +1,61 @@
+# Switch 
+A switch allows users to toggle the state of a single setting.
+
+## Overview
+Switches provide a way to toggle between two states with a visual indicator of the current state. A label can be positioned on the left, right, top, or bottom of the switch. The switch can be set to a disabled state, display a loading indicator, or show a custom error message.
+
+## Usage
+
+### Within a standalone component
+To use a switch in a standalone component, import it directly into your custom component:
+
+```ts
+@Component({
+  selector: 'custom-component',
+  templateUrl: './custom-component.component.html',
+  standalone: true,
+  imports: [
+    DAFF_SWITCH_COMPONENTS,
+  ],
+})
+export class CustomComponent {}
+```
+
+## Examples
+
+### Basic Switch
+A basic switch can be toggled by setting the `checked` property to `true` or `false`. By default, this is set to `false`.
+
+<design-land-example-viewer-container example="basic-switch"></design-land-example-viewer-container>
+
+### Disabled Switch
+A switch with the `disabled` property will be non-interactive.
+
+<design-land-example-viewer-container example="disabled-switch"></design-land-example-viewer-container>
+
+### Loading Switch
+A switch can display a loading state by setting `loading` to `true`. This will also disable the switch.
+
+<design-land-example-viewer-container example="loading-switch"></design-land-example-viewer-container>
+
+### Switch with Error
+An error message can be displayed by setting `error` to `true` and including a `daff-error-message` to show the message text.
+
+<design-land-example-viewer-container example="switch-error"></design-land-example-viewer-container>
+
+### Changing Label Position
+The label position can be changed by setting the `labelPosition` property. The default position is `left`.
+
+Supported positions: `left | right | top | bottom`
+
+<design-land-example-viewer-container example="switch-label-positions"></design-land-example-viewer-container>
+
+
+## Accessibility
+Switches follow the [ARIA Switch design pattern](https://www.w3.org/WAI/ARIA/apg/patterns/switch/).
+
+### Keyboard Interactions
+| Key | Action |
+| --- | ------ |
+| Space |  Toggles the switch to the opposite state. |
+| Tab |  Moves to next component on the page. |

package/switch/examples/basic-switch/basic-switch.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class BasicSwitchComponent {
+    checked: boolean;
+    disabled: boolean;
+    loading: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BasicSwitchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BasicSwitchComponent, "basic-switch", never, {}, {}, never, never, true, never>;
+}

package/switch/examples/disabled-switch/disabled-switch.component.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class DisabledSwitchComponent {
+    checked: boolean;
+    disabled: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DisabledSwitchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DisabledSwitchComponent, "disabled-switch", never, {}, {}, never, never, true, never>;
+}

package/switch/examples/examples.d.ts

@@ -0,0 +1,5 @@
+import { DisabledSwitchComponent } from './disabled-switch/disabled-switch.component';
+import { LoadingSwitchComponent } from './loading-switch/loading-switch.component';
+import { SwitchErrorComponent } from './switch-error/switch-error.component';
+import { SwitchLabelPositionsComponent } from './switch-label-positions/switch-label-positions.component';
+export declare const SWITCH_EXAMPLES: (typeof DisabledSwitchComponent | typeof LoadingSwitchComponent | typeof SwitchErrorComponent | typeof SwitchLabelPositionsComponent)[];

package/switch/examples/index.d.ts

@@ -0,0 +1 @@
+export * from './public_api';

package/switch/examples/loading-switch/loading-switch.component.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class LoadingSwitchComponent {
+    checked: boolean;
+    loading: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoadingSwitchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingSwitchComponent, "loading-switch", never, {}, {}, never, never, true, never>;
+}

package/switch/examples/public_api.d.ts

@@ -0,0 +1,6 @@
+export { SWITCH_EXAMPLES } from './examples';
+export { BasicSwitchComponent } from './basic-switch/basic-switch.component';
+export { DisabledSwitchComponent } from './disabled-switch/disabled-switch.component';
+export { LoadingSwitchComponent } from './loading-switch/loading-switch.component';
+export { SwitchErrorComponent } from './switch-error/switch-error.component';
+export { SwitchLabelPositionsComponent } from './switch-label-positions/switch-label-positions.component';

package/switch/examples/switch-error/switch-error.component.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class SwitchErrorComponent {
+    checked: boolean;
+    error: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SwitchErrorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SwitchErrorComponent, "switch-error", never, {}, {}, never, never, true, never>;
+}

package/switch/examples/switch-label-positions/switch-label-positions.component.d.ts

@@ -0,0 +1,12 @@
+import { UntypedFormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class SwitchLabelPositionsComponent {
+    labelSwitchExample: UntypedFormControl;
+    labelPositionControl: UntypedFormControl;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<SwitchLabelPositionsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SwitchLabelPositionsComponent, "switch-label-positions", never, {}, {}, never, never, true, never>;
+}

package/switch/index.d.ts

@@ -0,0 +1 @@
+export * from './public_api';

package/switch/public_api.d.ts

@@ -0,0 +1,2 @@
+export { DAFF_SWITCH_COMPONENTS } from './switch';
+export { DaffSwitchComponent } from './switch/switch.component';