Your task is to fill the bucket with numbers upto a given input.

Rules

Numbers occupy the leftmost position then rightmost, then leftmost and so on.

After overflow, the numbers start to gather around the bucket in a similar manner. They occupy position diagonally.

The examples should make it clear what the expected output is (Some rules are mentioned in the examples).

For more then 10, use the rightmost digit

Examples:

The bucket: 

|      |  or |      | 

|      |     |      | 

|      |     |      |

|      |     |      |

|------|     |______|



input:1  (You can start from either 0 or 1)

output:

|      |  (There can be whitespace to the left even if there is no overflow

|      |  but the bucket must not be distorted.)

|      |

|1     |

|------|



input:6

output:

|      |

|      |

|      |

|135642|

|------|



input:8

output:

|      |

|      |

|7    8|

|135642|

|------|



input:23

output:

|913 20|

|357864|

|791208|

|135642|

|------|



input:27

output:

  |913420|

  |357864|

  |791208|

  |135642|

75|------|6



input:30

output:

  |913420|

  |357864|

  |791208|

 9|135642|0

75|------|68



input:40

output:

    |913420|

    |357864|

   5|791208|6

 939|135642|040

7175|------|6828



input:54   (Maximum input for start=1)

    3|913420|4

   13|357864|42

  915|791208|620

 7939|135642|0408

57175|------|68286

This is code-golf so shortest code wins.

JavaScript (Node.js), 145 bytes

1-indexed.

n=>`    g|EGIJHF|h

   e]|?ACDB@|^f

  c[U|9;=><:|V\d

 aYSO|357864|PTZb

_WQMK|------|LNRX``.replace(/[^s|-]/g,c=>(x=Buffer(c)[0])<n+51?x%10:' ')

Try it online!

Python 2, 170 bytes

I=input()

s="    u|SUWXVT|vn   sk|MOQRPN|ltn  qic|GIKLJH|djrn oga]|ACEFDB|^bhpnme_[Y|------|Z`fn"

i=1

exec"s=s.replace(chr(64+i),[`i%10`,' '][i>I]);i+=1;"*55

print s

Try it online!

Java 10, 168 bytes

n->"    g|EGIJHF|hn   e]|?ACDB@|^fn  c[U|9;=><:|V\dn aYSO|357864|PTZbn_WQMK|------|LNRX`".chars().forEach(c->System.out.print(c<46|c==124?(char)c:c<n+51?c%10:" "))

Port of @Arnauld's JavaScript answer (so also 1-indexed, and outputting - as bottom). If you like this answer, make sure to upvote him as well!

Try it online.

Explanation:

n->                      // Method with integer parameter and no return-type

  "    g|EGIJHF|hn   e]|?ACDB@|^fn  c[U|9;=><:|V\dn aYSO|357864|PTZbn_WQMK|------|LNRX`"

                         //  String containing the bucket and magic string

   .chars().forEach(c->  //  Loop over the characters (as integers)

     System.out.print(   //   Print:

       c<46|c==124?      //    If the character is "n", " ", "-", or "|":

        (char)c          //     Output the character as is

       :c<n+51?          //    Else-if the character value is smaller than the input + 51:

        c%10             //     Output a digit: the character value modulo-9

       :                 //    Else:

        " "))            //     Output a space