@getflip/swirl-components-angular 0.1.0

package/projects/component-library/src/lib/stencil-generated/index.ts

@@ -0,0 +1,103 @@
+
+import * as d from './components';
+
+export const DIRECTIVES = [
+  d.FlipActionList,
+  d.FlipActionListItem,
+  d.FlipActionListSection,
+  d.FlipAvatar,
+  d.FlipAvatarGroup,
+  d.FlipBadge,
+  d.FlipBanner,
+  d.FlipButton,
+  d.FlipButtonGroup,
+  d.FlipCheckbox,
+  d.FlipChip,
+  d.FlipDescriptionList,
+  d.FlipDescriptionListItem,
+  d.FlipDialog,
+  d.FlipIconAdd,
+  d.FlipIconAddPhoto,
+  d.FlipIconAdminPanelSettings,
+  d.FlipIconArrowBack,
+  d.FlipIconArrowForward,
+  d.FlipIconArrowRightSmall,
+  d.FlipIconAttachment,
+  d.FlipIconCancel,
+  d.FlipIconChatBubble,
+  d.FlipIconCheck,
+  d.FlipIconCheckCircle,
+  d.FlipIconCheckSmall,
+  d.FlipIconCheckStrong,
+  d.FlipIconChevronLeft,
+  d.FlipIconChevronRight,
+  d.FlipIconClose,
+  d.FlipIconCloseSmall,
+  d.FlipIconComment,
+  d.FlipIconCopy,
+  d.FlipIconDateRange,
+  d.FlipIconDelete,
+  d.FlipIconDescription,
+  d.FlipIconDownload,
+  d.FlipIconEdit,
+  d.FlipIconEmojiMood,
+  d.FlipIconEmojiSatisfied,
+  d.FlipIconError,
+  d.FlipIconExpandLess,
+  d.FlipIconExpandMore,
+  d.FlipIconFile,
+  d.FlipIconFolderShared,
+  d.FlipIconGroupAssign,
+  d.FlipIconGroups,
+  d.FlipIconGroupsCustom,
+  d.FlipIconImage,
+  d.FlipIconInfo,
+  d.FlipIconInventory,
+  d.FlipIconLike,
+  d.FlipIconLink,
+  d.FlipIconLock,
+  d.FlipIconLogout,
+  d.FlipIconMail,
+  d.FlipIconManageAccounts,
+  d.FlipIconMention,
+  d.FlipIconMessage,
+  d.FlipIconMoreHorizontal,
+  d.FlipIconMoreVertikal,
+  d.FlipIconNotifications,
+  d.FlipIconNotificationsActive,
+  d.FlipIconNotificationsOff,
+  d.FlipIconPeopleAlt,
+  d.FlipIconPerson,
+  d.FlipIconPersonOff,
+  d.FlipIconPhone,
+  d.FlipIconPoll,
+  d.FlipIconRecieved,
+  d.FlipIconSearch,
+  d.FlipIconSearchStrong,
+  d.FlipIconSend,
+  d.FlipIconSettings,
+  d.FlipIconTimeFilled,
+  d.FlipIconTimeOutlined,
+  d.FlipIconToday,
+  d.FlipIconUserAssign,
+  d.FlipIconVideoCamera,
+  d.FlipIconVisibility,
+  d.FlipIconVisibilityOff,
+  d.FlipIconWarning,
+  d.FlipInlineError,
+  d.FlipLink,
+  d.FlipPopover,
+  d.FlipRadio,
+  d.FlipRadioGroup,
+  d.FlipSearch,
+  d.FlipSpinner,
+  d.FlipStack,
+  d.FlipSwitch,
+  d.FlipTag,
+  d.FlipThemeProvider,
+  d.FlipThumbnail,
+  d.FlipToast,
+  d.FlipToastProvider,
+  d.FlipTooltip,
+  d.FlipVisuallyHidden
+];

package/projects/component-library/src/lib/stencil-generated/text-value-accessor.ts

@@ -0,0 +1,24 @@
+import { Directive, ElementRef } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+
+import { ValueAccessor } from './value-accessor';
+
+@Directive({
+  /* tslint:disable-next-line:directive-selector */
+  selector: 'flip-radio-group, flip-search',
+  host: {
+    '(valueChange)': 'handleChangeEvent($event.target.value)'
+  },
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: TextValueAccessor,
+      multi: true
+    }
+  ]
+})
+export class TextValueAccessor extends ValueAccessor {
+  constructor(el: ElementRef) {
+    super(el);
+  }
+}

package/projects/component-library/src/lib/stencil-generated/value-accessor.ts

@@ -0,0 +1,39 @@
+import { Directive, ElementRef, HostListener } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+
+@Directive({})
+export class ValueAccessor implements ControlValueAccessor {
+
+  private onChange: (value: any) => void = () => {/**/};
+  private onTouched: () => void = () => {/**/};
+  protected lastValue: any;
+
+  constructor(protected el: ElementRef) {}
+
+  writeValue(value: any) {
+    this.el.nativeElement.value = this.lastValue = value == null ? '' : value;
+  }
+
+  handleChangeEvent(value: any) {
+    if (value !== this.lastValue) {
+      this.lastValue = value;
+      this.onChange(value);
+    }
+  }
+
+  @HostListener('focusout')
+  _handleBlurEvent() {
+    this.onTouched();
+  }
+
+  registerOnChange(fn: (value: any) => void) {
+    this.onChange = fn;
+  }
+  registerOnTouched(fn: () => void) {
+    this.onTouched = fn;
+  }
+
+  setDisabledState(isDisabled: boolean) {
+    this.el.nativeElement.disabled = isDisabled;
+  }
+}

package/projects/component-library/src/public-api.ts

@@ -0,0 +1,8 @@
+/*
+ * Public API Surface of component-library
+ */
+
+export * from "./lib/stencil-generated/components";
+export * from "./lib/stencil-generated/boolean-value-accessor";
+export * from "./lib/stencil-generated/text-value-accessor";
+export * from "./lib/component-library.module";

package/projects/component-library/tsconfig.lib.json

@@ -0,0 +1,12 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/lib",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": []
+  },
+  "exclude": ["src/test.ts", "**/*.spec.ts"]
+}

package/projects/component-library/tsconfig.lib.prod.json

@@ -0,0 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/projects/component-library/tsconfig.spec.json

@@ -0,0 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/spec",
+    "types": ["jasmine"]
+  },
+  "files": ["src/test.ts"],
+  "include": ["**/*.spec.ts", "**/*.d.ts"]
+}

package/tsconfig.json

@@ -0,0 +1,32 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "baseUrl": "./",
+    "paths": {
+      "component-library": ["dist/component-library"]
+    },
+    "outDir": "./dist/out-tsc",
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "noImplicitOverride": false,
+    "noPropertyAccessFromIndexSignature": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "sourceMap": true,
+    "declaration": false,
+    "downlevelIteration": true,
+    "experimentalDecorators": true,
+    "moduleResolution": "node",
+    "importHelpers": true,
+    "target": "es2020",
+    "module": "es2020",
+    "lib": ["es2020", "dom"]
+  },
+  "angularCompilerOptions": {
+    "enableI18nLegacyMessageIdFormat": false,
+    "strictInjectionParameters": true,
+    "strictInputAccessModifiers": true,
+    "strictTemplates": true
+  }
+}