@ship-ui/core 0.22.15 → 0.22.17

package/fesm2022/ship-ui-core-ship-stepper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ship-ui-core-ship-stepper.mjs","sources":["../../../projects/ship-ui/ship-stepper/ship-stepper.ts","../../../projects/ship-ui/ship-stepper/ship-ui-core-ship-stepper.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  effect,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { ShipColor, shipComponentClasses, ShipSelectionGroup } from '@ship-ui/core';\n\n@Component({\n  selector: 'sh-stepper',\n  styleUrl: './ship-stepper.scss',\n  encapsulation: ViewEncapsulation.None,\n  imports: [],\n  template: `\n    <ng-content />\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'hostClasses()',\n  },\n})\nexport class ShipStepper extends ShipSelectionGroup<string> {\n  color = input<ShipColor | null>(null);\n\n  constructor() {\n    super('[value], [step], [routerLinkActive], button, a', 'active', { hostRole: 'tablist', itemRole: 'tab' });\n\n    const destroyRef = inject(DestroyRef);\n\n    effect(() => {\n      this.items().forEach((item) => {\n        if (!item.querySelector('.sh-radio')) {\n          const shRadio = document.createElement('div');\n          shRadio.className = 'sh-radio';\n\n          const shRadioContent = document.createElement('div');\n          shRadioContent.className = 'radio sh-sheet';\n\n          shRadio.append(shRadioContent);\n          item.prepend(shRadio);\n        }\n      });\n    });\n\n    effect(() => {\n      this.items(); // track projected items\n      this.updateProgress();\n    });\n\n    if (typeof MutationObserver !== 'undefined') {\n      const observer = new MutationObserver(() => {\n        this.updateProgress();\n      });\n\n      observer.observe(this.hostElement, {\n        attributes: true,\n        subtree: true,\n        attributeFilter: ['class'],\n      });\n\n      destroyRef.onDestroy(() => {\n        observer.disconnect();\n      });\n    }\n  }\n\n  updateProgress() {\n    const items = Array.from(\n      this.hostElement.querySelectorAll('[value], [step], [routerLinkActive], button, a')\n    ) as HTMLElement[];\n    let activeIndex = items.findIndex((item) => item.classList.contains(this.activeClass));\n\n    if (activeIndex === -1) {\n      activeIndex = 0;\n    }\n\n    const totalItems = items.length;\n    let progress = 0;\n    if (totalItems > 1) {\n      progress = (activeIndex / (totalItems - 1)) * 100;\n    }\n\n    this.hostElement.style.setProperty('--stepper-progress', `${progress}%`);\n  }\n\n  hostClasses = shipComponentClasses('stepper', {\n    color: this.color,\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ship-ui-core-ship-stepper.mjs","sources":["../../../projects/ship-ui/ship-stepper/ship-stepper.ts","../../../projects/ship-ui/ship-stepper/ship-ui-core-ship-stepper.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  effect,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { ShipColor, shipComponentClasses, ShipSelectionGroup } from '@ship-ui/core';\n\n@Component({\n  selector: 'sh-stepper',\n  styleUrl: './ship-stepper.scss',\n  encapsulation: ViewEncapsulation.None,\n  imports: [],\n  template: `\n    <ng-content />\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'hostClasses()',\n  },\n})\nexport class ShipStepper extends ShipSelectionGroup<string> {\n  color = input<ShipColor | null>(null);\n\n  constructor() {\n    super('[value], [step], [routerLinkActive], button, a', 'active', { hostRole: 'tablist', itemRole: 'tab' });\n\n    const destroyRef = inject(DestroyRef);\n\n    effect(() => {\n      this.items().forEach((item) => {\n        if (!item.querySelector('.sh-radio')) {\n          const shRadio = document.createElement('div');\n          shRadio.className = 'sh-radio';\n\n          const shRadioContent = document.createElement('div');\n          shRadioContent.className = 'radio sh-sheet';\n\n          shRadio.append(shRadioContent);\n          item.prepend(shRadio);\n        }\n      });\n    });\n\n    effect(() => {\n      this.items(); \n      this.updateProgress();\n    });\n\n    if (typeof MutationObserver !== 'undefined') {\n      const observer = new MutationObserver(() => {\n        this.updateProgress();\n      });\n\n      observer.observe(this.hostElement, {\n        attributes: true,\n        subtree: true,\n        attributeFilter: ['class'],\n      });\n\n      destroyRef.onDestroy(() => {\n        observer.disconnect();\n      });\n    }\n  }\n\n  updateProgress() {\n    const items = Array.from(\n      this.hostElement.querySelectorAll('[value], [step], [routerLinkActive], button, a')\n    ) as HTMLElement[];\n    let activeIndex = items.findIndex((item) => item.classList.contains(this.activeClass));\n\n    if (activeIndex === -1) {\n      activeIndex = 0;\n    }\n\n    const totalItems = items.length;\n    let progress = 0;\n    if (totalItems > 1) {\n      progress = (activeIndex / (totalItems - 1)) * 100;\n    }\n\n    this.hostElement.style.setProperty('--stepper-progress', `${progress}%`);\n  }\n\n  hostClasses = shipComponentClasses('stepper', {\n    color: this.color,\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}