@tacdaed/fragments 1.0.0-beta.4 → 1.0.0-beta.5

package/package.json

@@ -1,22 +1,34 @@
-{
-  "name": "@tacdaed/fragments",
-  "version": "1.0.0-beta.4",
-  "peerDependencies": {
-    "@angular/common": "^20.2.0",
-    "@angular/core": "^20.2.0",
-    "rxjs": "^7.8.0",
-    "@fortawesome/fontawesome-free": "^6.5.0",
-    "animejs": "^4.1.0",
-    "bootstrap": "^5.3.0",
-    "highlight.js": "^11.11.0"
-  },
-  "dependencies": {
-    "tslib": "2.3.0",
-    "uuid": "11.1.0"
-  },
-  "devDependencies": {
-    "@types/uuid": "9.0.8",
-    "typescript": "~5.5.4"
-  },
-  "sideEffects": false
-}
+{
+  "name": "@tacdaed/fragments",
+  "version": "1.0.0-beta.5",
+  "peerDependencies": {
+    "@angular/common": "^20.2.0",
+    "@angular/core": "^20.2.0",
+    "rxjs": "^7.8.0",
+    "@fortawesome/fontawesome-free": "^6.5.0",
+    "animejs": "^4.1.0",
+    "bootstrap": "^5.3.0",
+    "highlight.js": "^11.11.0"
+  },
+  "dependencies": {
+    "tslib": "2.3.0",
+    "uuid": "11.1.0"
+  },
+  "files": [
+    "fesm2022",
+    "index.d.ts",
+    "assets"
+  ],
+  "sideEffects": false,
+  "module": "fesm2022/tacdaed-fragments.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/tacdaed-fragments.mjs"
+    }
+  }
+}

package/assets/styles/scss/_fonts.scss

@@ -1,122 +0,0 @@
-/* ==========================================================================
-   FONT DEFINITIONS
-   Path: assets/resources/fonts/
-   ========================================================================== */
-
-/* =======================
-   OPEN SANS
-   ======================= */
-@font-face {
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 100 900;
-  font-display: swap;
-  src: url('/assets/resources/fonts/OpenSans/OpenSans-VariableFont_wdth_wght.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'Open Sans';
-  font-style: italic;
-  font-weight: 100 900;
-  font-display: swap;
-  src: url('/assets/resources/fonts/OpenSans/OpenSans-Italic-VariableFont_wdth_wght.ttf') format('truetype');
-}
-
-/* =======================
-   ROBOTO
-   ======================= */
-@font-face {
-  font-family: 'Roboto';
-  src: url('/assets/resources/fonts/Roboto/Roboto-Thin.ttf') format('truetype');
-  font-weight: 100;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  src: url('/assets/resources/fonts/Roboto/Roboto-ThinItalic.ttf') format('truetype');
-  font-weight: 100;
-  font-style: italic;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  src: url('/assets/resources/fonts/Roboto/Roboto-Light.ttf') format('truetype');
-  font-weight: 300;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  src: url('/assets/resources/fonts/Roboto/Roboto-LightItalic.ttf') format('truetype');
-  font-weight: 300;
-  font-style: italic;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  src: url('/assets/resources/fonts/Roboto/Roboto-Regular.ttf') format('truetype');
-  font-weight: 400;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  src: url('/assets/resources/fonts/Roboto/Roboto-Italic.ttf') format('truetype');
-  font-weight: 400;
-  font-style: italic;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  src: url('/assets/resources/fonts/Roboto/Roboto-Medium.ttf') format('truetype');
-  font-weight: 500;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  src: url('/assets/resources/fonts/Roboto/Roboto-MediumItalic.ttf') format('truetype');
-  font-weight: 500;
-  font-style: italic;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  src: url('/assets/resources/fonts/Roboto/Roboto-Bold.ttf') format('truetype');
-  font-weight: 700;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  src: url('/assets/resources/fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype');
-  font-weight: 700;
-  font-style: italic;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  src: url('/assets/resources/fonts/Roboto/Roboto-Black.ttf') format('truetype');
-  font-weight: 900;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  src: url('/assets/resources/fonts/Roboto/Roboto-BlackItalic.ttf') format('truetype');
-  font-weight: 900;
-  font-style: italic;
-  font-display: swap;
-}

package/ng-package.json

@@ -1,20 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/fragments",
-  "allowedNonPeerDependencies": [
-    "uuid"
-  ],
-  "lib": {
-    "entryFile": "src/public-api.ts",
-    "styleIncludePaths": [
-      "projects/fragments/assets/styles/scss"
-    ]
-  },
-  "assets": [
-    {
-      "glob": "**/*.scss",
-      "input": "./assets/styles/scss",
-      "output": "/assets/styles/scss"
-    }
-  ]
-}

package/src/lib/components/accordion/accordion.component.html

@@ -1,103 +0,0 @@
-<div
-  class="frg-accordion"
-  [class.frg-accordion--multi]="multi"
-  [class.is-animated]="animated"
-  [attr.data-style]="styleType"
-  [attr.data-size]="size">
-  @for (item of viewItems; track item?.id; let i = $index) {
-    <div
-      class="frg-accordion__item"
-      [attr.data-style]="item?.style || styleType"
-      [attr.data-size]="item?.size || size"
-      [class.is-expanded]="isExpanded(item?.id)"
-      [class.is-disabled]="item?.disabled">
-      <button
-        type="button"
-        #headerBtn
-        class="frg-accordion__header"
-        [attr.data-size]="item?.size || size"
-        [attr.id]="headerId(item!.id!)"
-        [attr.aria-controls]="panelId(item!.id!)"
-        [attr.aria-expanded]="isExpanded(item?.id)"
-        [attr.aria-disabled]="item?.disabled || null"
-        [disabled]="item?.disabled"
-        (click)="onHeaderClick(i, $event)"
-        (keydown)="onHeaderKeydown($event, i)">
-        <span class="frg-accordion__header-content">
-          @if (item?.iconTemplate || iconTemplate || item?.icon) {
-            <span class="frg-accordion__icon" aria-hidden="true">
-              @if (item?.iconTemplate) {
-                <ng-container
-                  [ngTemplateOutlet]="item?.iconTemplate"
-                  [ngTemplateOutletContext]="buildContext(item!, i)">
-                </ng-container>
-              } @else if (iconTemplate) {
-                <ng-container
-              [ngTemplateOutlet]="iconTemplate"
-              [ngTemplateOutletContext]="buildContext(item!, i)">
-            </ng-container>
-          } @else if (item?.icon) {
-            <span class="frg-accordion__icon-shape">{{ item?.icon }}</span>
-          }
-        </span>
-      }
-
-          <span class="frg-accordion__heading">
-            @if (item?.headerTemplate || headerTemplate) {
-              <ng-container
-                [ngTemplateOutlet]="item?.headerTemplate || headerTemplate"
-                [ngTemplateOutletContext]="buildContext(item!, i)">
-              </ng-container>
-            } @else {
-              <span class="frg-accordion__title">{{ item?.title }}</span>
-              @if (item?.subtitle) {
-                <span class="frg-accordion__subtitle">{{ item?.subtitle }}</span>
-              }
-            }
-          </span>
-        </span>
-
-        <span
-          class="frg-accordion__chevron"
-          aria-hidden="true"
-          [class.is-custom]="item?.toggleIconTemplate || toggleIconTemplate"
-          [class.is-open]="isExpanded(item?.id)">
-          @if (item?.toggleIconTemplate || toggleIconTemplate) {
-            <ng-container
-              [ngTemplateOutlet]="item?.toggleIconTemplate || toggleIconTemplate"
-              [ngTemplateOutletContext]="buildContext(item!, i)">
-            </ng-container>
-          } @else {
-            <span class="frg-accordion__chevron-icon"></span>
-          }
-        </span>
-      </button>
-
-      <section
-        class="frg-accordion__panel-wrapper"
-        [class.is-open]="isExpanded(item?.id)"
-        [attr.id]="panelId(item!.id!)"
-        [attr.aria-labelledby]="headerId(item!.id!)"
-        [attr.aria-hidden]="!isExpanded(item?.id)">
-        <div
-          class="frg-accordion__panel"
-          #panelBody
-          tabindex="-1"
-          [class.is-open]="isExpanded(item?.id)">
-          @if (item?.contentTemplate || contentTemplate) {
-            <ng-container
-              [ngTemplateOutlet]="item?.contentTemplate || contentTemplate"
-              [ngTemplateOutletContext]="buildContext(item!, i)">
-            </ng-container>
-          } @else {
-            @if (item?.content) {
-              {{ item?.content }}
-            } @else if (item?.data; as payload) {
-              {{ payload }}
-            }
-          }
-        </div>
-      </section>
-    </div>
-  }
-</div>