@aurodesignsystem-dev/auro-tail 0.0.0-pr6.0 → 0.0.0-pr6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/demo/auro-tail-group.min.js +40 -47
- package/package.json +1 -1
|
@@ -464,40 +464,12 @@ var styleCss = i$3`.body-default{font-size:var(--wcss-body-default-font-size, 1r
|
|
|
464
464
|
class AuroTail extends i$1 {
|
|
465
465
|
static get properties() {
|
|
466
466
|
return {
|
|
467
|
-
/**
|
|
468
|
-
* Sets the airline tail based on the tail codes used in auro-icon (e.g., AS, HA, PR).
|
|
469
|
-
* @type {string}
|
|
470
|
-
*/
|
|
471
467
|
tail: { type: String },
|
|
472
|
-
/**
|
|
473
|
-
* Sets the badge type to display (e.g., 'oneworld').
|
|
474
|
-
* @type {string}
|
|
475
|
-
*/
|
|
476
468
|
badge: { type: String },
|
|
477
|
-
/**
|
|
478
|
-
* Sets the size of the tail.
|
|
479
|
-
* @type {'xs'|'sm'|'md'|'lg'|'xl'|'2xl'}
|
|
480
|
-
*/
|
|
481
469
|
size: { type: String, reflect: true },
|
|
482
|
-
/**
|
|
483
|
-
* Renders the tail with an outline style.
|
|
484
|
-
* @type {boolean}
|
|
485
|
-
*/
|
|
486
470
|
outline: { type: Boolean, reflect: true },
|
|
487
|
-
/**
|
|
488
|
-
* Sets the border width around the tail.
|
|
489
|
-
* @type {string}
|
|
490
|
-
*/
|
|
491
471
|
borderWidth: { attribute: 'border-width', reflect: true },
|
|
492
|
-
/**
|
|
493
|
-
* Sets the border color around the tail.
|
|
494
|
-
* @type {string}
|
|
495
|
-
*/
|
|
496
472
|
borderColor: { type: String, attribute: 'border-color', reflect: true },
|
|
497
|
-
/**
|
|
498
|
-
* Sets the href for the tail.
|
|
499
|
-
* @type {string}
|
|
500
|
-
*/
|
|
501
473
|
href: { type: String, attribute: 'href' }
|
|
502
474
|
};
|
|
503
475
|
}
|
|
@@ -516,19 +488,40 @@ class AuroTail extends i$1 {
|
|
|
516
488
|
|
|
517
489
|
constructor() {
|
|
518
490
|
super();
|
|
519
|
-
/**
|
|
491
|
+
/**
|
|
492
|
+
* Sets the airline tail based on the tail codes used in auro-icon (e.g., AS, HA, PR).
|
|
493
|
+
* @type {string}
|
|
494
|
+
*/
|
|
520
495
|
this.tail = 'AS';
|
|
521
|
-
/**
|
|
496
|
+
/**
|
|
497
|
+
* Sets the badge type to display (e.g., 'oneworld').
|
|
498
|
+
* @type {string | undefined}
|
|
499
|
+
*/
|
|
522
500
|
this.badge = undefined;
|
|
523
|
-
/**
|
|
501
|
+
/**
|
|
502
|
+
* Sets the size of the tail.
|
|
503
|
+
* @type {'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'}
|
|
504
|
+
*/
|
|
524
505
|
this.size = 'lg';
|
|
525
|
-
/**
|
|
506
|
+
/**
|
|
507
|
+
* Renders the tail with an outline style.
|
|
508
|
+
* @type {boolean}
|
|
509
|
+
*/
|
|
526
510
|
this.outline = false;
|
|
527
|
-
/**
|
|
511
|
+
/**
|
|
512
|
+
* Sets the border width around the tail.
|
|
513
|
+
* @type {string | undefined}
|
|
514
|
+
*/
|
|
528
515
|
this.borderWidth = undefined;
|
|
529
|
-
/**
|
|
516
|
+
/**
|
|
517
|
+
* Sets the border color around the tail.
|
|
518
|
+
* @type {string | undefined}
|
|
519
|
+
*/
|
|
530
520
|
this.borderColor = undefined;
|
|
531
|
-
/**
|
|
521
|
+
/**
|
|
522
|
+
* Sets the href for the tail.
|
|
523
|
+
* @type {string | undefined}
|
|
524
|
+
*/
|
|
532
525
|
this.href = undefined;
|
|
533
526
|
|
|
534
527
|
/**
|
|
@@ -786,17 +779,8 @@ var groupStyleCss = i$3`:host{width:var(--avatar-width);height:var(--avatar-widt
|
|
|
786
779
|
class AuroTailGroup extends i$1 {
|
|
787
780
|
static get properties() {
|
|
788
781
|
return {
|
|
789
|
-
/**
|
|
790
|
-
* Sets the layout direction for the group.
|
|
791
|
-
*/
|
|
792
782
|
layout: { type: String, attribute: 'layout', reflect: true },
|
|
793
|
-
/**
|
|
794
|
-
* Sets the size for all child tails in the group.
|
|
795
|
-
*/
|
|
796
783
|
size: { type: String, attribute: 'size', reflect: true },
|
|
797
|
-
/**
|
|
798
|
-
* Sets the border color for all child tails in the group. Does not apply to diagonal layout.
|
|
799
|
-
*/
|
|
800
784
|
borderColor: { type: String, attribute: 'border-color', reflect: true }
|
|
801
785
|
};
|
|
802
786
|
}
|
|
@@ -815,11 +799,20 @@ class AuroTailGroup extends i$1 {
|
|
|
815
799
|
|
|
816
800
|
constructor() {
|
|
817
801
|
super();
|
|
818
|
-
/**
|
|
802
|
+
/**
|
|
803
|
+
* Sets the layout direction for the group.
|
|
804
|
+
* @type {'horizontal' | 'diagonal'}
|
|
805
|
+
*/
|
|
819
806
|
this.layout = 'horizontal';
|
|
820
|
-
/**
|
|
807
|
+
/**
|
|
808
|
+
* Sets the size for all child tails in the group.
|
|
809
|
+
* @type {'xs' | 'sm' | 'md' | 'lg'}
|
|
810
|
+
*/
|
|
821
811
|
this.size = 'lg';
|
|
822
|
-
/**
|
|
812
|
+
/**
|
|
813
|
+
* Sets the border color for all child tails in the group. Does not apply to diagonal layout.
|
|
814
|
+
* @type {string | undefined}
|
|
815
|
+
*/
|
|
823
816
|
this.borderColor = undefined;
|
|
824
817
|
|
|
825
818
|
/**
|
package/package.json
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
"================================================================================"
|
|
8
8
|
],
|
|
9
9
|
"name": "@aurodesignsystem-dev/auro-tail",
|
|
10
|
-
"version": "0.0.0-pr6.
|
|
10
|
+
"version": "0.0.0-pr6.1",
|
|
11
11
|
"description": "auro-tail HTML custom element",
|
|
12
12
|
"repository": {
|
|
13
13
|
"type": "git",
|